@ironsource/shared-ui 2.1.6-rc.4 → 2.1.6-rc.41

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

@@ -5,6 +5,7 @@ import ChipDropdownTrigger from './ChipDropdownTrigger.vue';
 import AppDropdownTrigger from './AppDropdownTrigger.vue';
 import ButtonDropdownTrigger from './ButtonDropdownTrigger.vue';
 import ButtonFilterDropdownTrigger from './ButtonFilterDropdownTrigger.vue';
+import TreeDropdown from './TreeDropdown.vue';
 import Option from './OptionV4.vue';
 declare const DropdownTypes: () => (({
     new (...args: any[]): {
@@ -29,10 +30,11 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             selectedOption: any;
             showFeedbackIcon: boolean;
             brandIconType: "android" | "ios";
+            showAllSelectedText: boolean;
             statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -114,7 +116,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: any;
             };
             selectedOption: {
@@ -129,13 +131,17 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"android" | "ios">;
                 default: any;
             };
+            showAllSelectedText: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             statusDotType: {
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "statusDotType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -229,7 +235,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: any;
             };
             selectedOption: {
@@ -244,6 +250,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"android" | "ios">;
                 default: any;
             };
+            showAllSelectedText: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             statusDotType: {
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
@@ -271,10 +281,11 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             selectedOption: any;
             showFeedbackIcon: boolean;
             brandIconType: "android" | "ios";
+            showAllSelectedText: boolean;
             statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -376,7 +387,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: any;
         };
         selectedOption: {
@@ -391,6 +402,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"android" | "ios">;
             default: any;
         };
+        showAllSelectedText: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         statusDotType: {
             type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
@@ -481,7 +496,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
         default: any;
     };
     selectedOption: {
@@ -496,6 +511,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"android" | "ios">;
         default: any;
     };
+    showAllSelectedText: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     statusDotType: {
         type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
         default: any;
@@ -523,10 +542,11 @@ declare const DropdownTypes: () => (({
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     selectedOption: any;
     showFeedbackIcon: boolean;
     brandIconType: "android" | "ios";
+    showAllSelectedText: boolean;
     statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
@@ -552,7 +572,9 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            optionEndIconKey: string;
+            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
@@ -620,7 +642,15 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                default: any;
+            };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: any;
             };
             valueToCopy: {
@@ -637,7 +667,8 @@ declare const DropdownTypes: () => (({
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
+            onCopyToClipboard?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -649,7 +680,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: "click") => void;
+        $emit: ((event: "click") => void) & ((event: "copyToClipboard") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -715,7 +746,15 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                default: any;
+            };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: any;
             };
             valueToCopy: {
@@ -732,8 +771,10 @@ declare const DropdownTypes: () => (({
             };
         }>> & {
             onClick?: () => any;
+            onCopyToClipboard?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: () => void;
+            copyToClipboard: () => void;
         }, string, {
             label: string;
             disabled: boolean;
@@ -749,7 +790,9 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            optionEndIconKey: string;
+            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
@@ -837,7 +880,15 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: any;
         };
         valueToCopy: {
@@ -854,6 +905,7 @@ declare const DropdownTypes: () => (({
         };
     }>> & {
         onClick?: () => any;
+        onCopyToClipboard?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -922,7 +974,15 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+        default: any;
+    };
+    optionEndIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionEndIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
         default: any;
     };
     valueToCopy: {
@@ -939,8 +999,10 @@ declare const DropdownTypes: () => (({
     };
 }>> & {
     onClick?: () => any;
+    onCopyToClipboard?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
+    copyToClipboard: () => void;
 }, string, {
     label: string;
     disabled: boolean;
@@ -956,7 +1018,9 @@ declare const DropdownTypes: () => (({
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    optionEndIconKey: string;
+    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     valueToCopy: string;
     selectedOption: any;
     brandIconType: "android" | "ios";
@@ -964,6 +1028,7 @@ declare const DropdownTypes: () => (({
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
+        "icon-end"?(_: {}): any;
     };
 })) | ({
     new (...args: any[]): {
@@ -973,13 +1038,15 @@ declare const DropdownTypes: () => (({
             option: any;
             disabled: boolean;
             active: boolean;
+            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
             nameKey: string;
             imageKey: string;
             iconKey: string;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            endIconKey: string;
             toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
@@ -994,6 +1061,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: any;
             };
+            endIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                default: string;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1019,9 +1090,13 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: string;
             };
+            endIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             toolTipPlacement: {
                 type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
@@ -1029,7 +1104,7 @@ declare const DropdownTypes: () => (({
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "toolTipPlacement">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1056,6 +1131,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: any;
             };
+            endIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                default: string;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1081,9 +1160,13 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: string;
             };
+            endIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             toolTipPlacement: {
                 type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
@@ -1095,13 +1178,15 @@ declare const DropdownTypes: () => (({
             option: any;
             disabled: boolean;
             active: boolean;
+            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
             nameKey: string;
             imageKey: string;
             iconKey: string;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            endIconKey: string;
             toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -1136,6 +1221,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: any;
         };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            default: string;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1161,9 +1250,13 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: string;
         };
+        endIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         toolTipPlacement: {
             type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
             default: string;
@@ -1188,6 +1281,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: any;
     };
+    endIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+        default: string;
+    };
     isIndeterminate: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1213,9 +1310,13 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     iconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
         default: string;
     };
+    endIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     toolTipPlacement: {
         type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: string;
@@ -1227,19 +1328,22 @@ declare const DropdownTypes: () => (({
     option: any;
     disabled: boolean;
     active: boolean;
+    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
     nameKey: string;
     imageKey: string;
     iconKey: string;
-    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconKey: string;
     toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
         default?(_: {}): any;
+        "icon-end"?(_: {}): any;
     };
 })) | import("vue").DefineComponent<{
     testId: {
@@ -1384,6 +1488,7 @@ declare const DropdownTypes: () => (({
             triggerFeedbackText: string;
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
+            triggerShowAllSelectedText: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             inlineSearch: boolean;
             inlineSearchPlaceholder: string;
@@ -1393,12 +1498,16 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            optionEndIconKey: string;
+            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             valueToCopy: string;
             disabledOptionKey: string;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+            disableVirtualScroll: boolean;
+            overrideOptionCountCalculation: (option: unknown) => number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             theme: {
                 type: import("vue").PropType<string>;
@@ -1518,6 +1627,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            triggerShowAllSelectedText: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             predefinedTrigger: {
                 type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
                 default: "default" | "icon-button" | "chip" | "app";
@@ -1559,7 +1672,15 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                default: any;
+            };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: any;
             };
             valueToCopy: {
@@ -1582,13 +1703,24 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
             };
+            disableVirtualScroll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            overrideOptionCountCalculation: {
+                type: import("vue").PropType<(option: unknown) => number>;
+                default: any;
+            };
         }>> & {
+            onCopyToClipboard?: () => any;
+            onClear?: () => any;
             onApply?: (value: unknown) => any;
+            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1600,7 +1732,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: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => 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: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -1721,6 +1853,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            triggerShowAllSelectedText: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             predefinedTrigger: {
                 type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
                 default: "default" | "icon-button" | "chip" | "app";
@@ -1762,7 +1898,15 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                default: any;
+            };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: any;
             };
             valueToCopy: {
@@ -1785,8 +1929,19 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
             };
+            disableVirtualScroll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            overrideOptionCountCalculation: {
+                type: import("vue").PropType<(option: unknown) => number>;
+                default: any;
+            };
         }>> & {
+            onCopyToClipboard?: () => any;
+            onClear?: () => any;
             onApply?: (value: unknown) => any;
+            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
@@ -1800,6 +1955,9 @@ declare const DropdownTypes: () => (({
             closed: () => void;
             opened: () => void;
             apply: (value: unknown) => void;
+            selectAll: () => void;
+            clear: () => void;
+            copyToClipboard: () => void;
         }, string, {
             theme: string;
             disabled: boolean;
@@ -1828,6 +1986,7 @@ declare const DropdownTypes: () => (({
             triggerFeedbackText: string;
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
+            triggerShowAllSelectedText: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             inlineSearch: boolean;
             inlineSearchPlaceholder: string;
@@ -1837,12 +1996,16 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            optionEndIconKey: string;
+            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             valueToCopy: string;
             disabledOptionKey: string;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+            disableVirtualScroll: boolean;
+            overrideOptionCountCalculation: (option: unknown) => number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1982,6 +2145,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        triggerShowAllSelectedText: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         predefinedTrigger: {
             type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
             default: "default" | "icon-button" | "chip" | "app";
@@ -2023,7 +2190,15 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: any;
         };
         valueToCopy: {
@@ -2046,8 +2221,19 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
         };
+        disableVirtualScroll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        overrideOptionCountCalculation: {
+            type: import("vue").PropType<(option: unknown) => number>;
+            default: any;
+        };
     }>> & {
+        onCopyToClipboard?: () => any;
+        onClear?: () => any;
         onApply?: (value: unknown) => any;
+        onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOpened?: () => any;
@@ -2178,6 +2364,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    triggerShowAllSelectedText: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     predefinedTrigger: {
         type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
         default: "default" | "icon-button" | "chip" | "app";
@@ -2219,7 +2409,15 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+        default: any;
+    };
+    optionEndIconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionEndIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
         default: any;
     };
     valueToCopy: {
@@ -2242,8 +2440,19 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
         default: any;
     };
+    disableVirtualScroll: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    overrideOptionCountCalculation: {
+        type: import("vue").PropType<(option: unknown) => number>;
+        default: any;
+    };
 }>> & {
+    onCopyToClipboard?: () => any;
+    onClear?: () => any;
     onApply?: (value: unknown) => any;
+    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOpened?: () => any;
@@ -2257,6 +2466,9 @@ declare const DropdownTypes: () => (({
     closed: () => void;
     opened: () => void;
     apply: (value: unknown) => void;
+    selectAll: () => void;
+    clear: () => void;
+    copyToClipboard: () => void;
 }, string, {
     theme: string;
     disabled: boolean;
@@ -2285,6 +2497,7 @@ declare const DropdownTypes: () => (({
     triggerFeedbackText: string;
     triggerFeedbackVariant: "success" | "warning" | "error";
     triggerFeedbackShowIcon: boolean;
+    triggerShowAllSelectedText: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     inlineSearch: boolean;
     inlineSearchPlaceholder: string;
@@ -2294,12 +2507,16 @@ declare const DropdownTypes: () => (({
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    optionEndIconKey: string;
+    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     valueToCopy: string;
     disabledOptionKey: string;
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+    disableVirtualScroll: boolean;
+    overrideOptionCountCalculation: (option: unknown) => number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {}): any;
@@ -2316,6 +2533,7 @@ declare const DropdownTypes: () => (({
         }): any;
         default?(_: {
             option: unknown;
+            index: number;
             selected: boolean;
             active: boolean;
             disabled: any;
@@ -2347,7 +2565,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     startIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
         default: string;
     };
     hideEndIcon: {
@@ -2382,7 +2600,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     startIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
         default: string;
     };
     hideEndIcon: {
@@ -2397,7 +2615,173 @@ declare const DropdownTypes: () => (({
     open: boolean;
     testId: string;
     startIconName: string;
-    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     hideEndIcon: boolean;
+}> | import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    selected: {
+        type: import("vue").PropType<unknown[]>;
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    inlineSearchPlaceholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        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">;
+        default: any;
+    };
+    optionEndIconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionEndIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+        default: any;
+    };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    disabledOptionKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionChildrenKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: unknown) => void;
+    "update:isOpen": (value: unknown) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    selected: {
+        type: import("vue").PropType<unknown[]>;
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    inlineSearchPlaceholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        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">;
+        default: any;
+    };
+    optionEndIconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionEndIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+        default: any;
+    };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    disabledOptionKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionChildrenKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:selected"?: (value: unknown) => any;
+    "onUpdate:isOpen"?: (value: unknown) => any;
+}, {
+    disabled: boolean;
+    size: "small" | "medium" | "large";
+    testId: string;
+    selected: unknown[];
+    placeholder: string;
+    inlineSearchPlaceholder: string;
+    optionNameKey: string;
+    optionIconKey: string;
+    optionImageKey: string;
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    optionEndIconKey: string;
+    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    valueToCopy: string;
+    disabledOptionKey: string;
+    optionChildrenKey: string;
 }>)[];
-export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, };
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, };