@ironsource/shared-ui 2.1.9-test.0 → 2.1.9-test.2

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

@@ -31,6 +31,8 @@ declare const DropdownTypes: () => (({
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionFlagKey: string;
+            allSelected: boolean;
             selectedOption: any;
             showFeedbackIcon: boolean;
             brandIconType: "android" | "ios";
@@ -119,6 +121,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;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            allSelected: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -141,7 +151,7 @@ declare const DropdownTypes: () => (({
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionFlagKey" | "allSelected" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -238,6 +248,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;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            allSelected: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -282,6 +300,8 @@ declare const DropdownTypes: () => (({
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionFlagKey: string;
+            allSelected: boolean;
             selectedOption: any;
             showFeedbackIcon: boolean;
             brandIconType: "android" | "ios";
@@ -390,6 +410,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;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        allSelected: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -499,6 +527,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;
     };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    allSelected: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     selectedOption: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -543,6 +579,8 @@ declare const DropdownTypes: () => (({
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionFlagKey: string;
+    allSelected: boolean;
     selectedOption: any;
     showFeedbackIcon: boolean;
     brandIconType: "android" | "ios";
@@ -551,6 +589,7 @@ declare const DropdownTypes: () => (({
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
+        flag?(_: {}): any;
         "icon-start"?(_: {}): any;
         "displayed-value"?(_: {}): any;
         "end-icon"?(_: {}): any;
@@ -1041,6 +1080,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             active: boolean;
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionFlagKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
             isIndeterminate: boolean;
@@ -1073,6 +1113,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionTwoLinesVariant: {
                 type: import("vue").PropType<"horizontal" | "vertical">;
                 default: any;
@@ -1138,7 +1182,7 @@ declare const DropdownTypes: () => (({
             };
         }>> & {
             onToggleTreeCollapse?: (option: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "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" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1169,6 +1213,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionTwoLinesVariant: {
                 type: import("vue").PropType<"horizontal" | "vertical">;
                 default: any;
@@ -1241,6 +1289,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             active: boolean;
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionFlagKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
             isIndeterminate: boolean;
@@ -1293,6 +1342,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         optionTwoLinesVariant: {
             type: import("vue").PropType<"horizontal" | "vertical">;
             default: any;
@@ -1379,6 +1432,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     optionTwoLinesVariant: {
         type: import("vue").PropType<"horizontal" | "vertical">;
         default: any;
@@ -1451,6 +1508,7 @@ declare const DropdownTypes: () => (({
     disabled: boolean;
     active: boolean;
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionFlagKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
     isIndeterminate: boolean;
@@ -1469,6 +1527,7 @@ declare const DropdownTypes: () => (({
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
+        flag?(_: {}): any;
         "icon-start"?(_: {}): any;
         default?(_: {}): any;
         "icon-end"?(_: {}): any;
@@ -1520,6 +1579,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
     };
+    allSelected: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     selectedOption: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -1566,6 +1629,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
     };
+    allSelected: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     selectedOption: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -1583,6 +1650,7 @@ declare const DropdownTypes: () => (({
     disabled: boolean;
     open: boolean;
     feedbackVariant: string;
+    allSelected: boolean;
     displayedValue: any;
 }> | ({
     new (...args: any[]): {
@@ -1599,9 +1667,10 @@ declare const DropdownTypes: () => (({
             size: "small" | "medium" | "large";
             flip: boolean;
             mandatory: boolean;
+            skidding: number;
+            modelValue: any;
             selected: any;
             onClear: () => void;
-            modelValue: any;
             placeholder: string;
             multi: boolean;
             showSelectAll: boolean;
@@ -1610,7 +1679,6 @@ declare const DropdownTypes: () => (({
             autoSize: boolean;
             disableKeyboardEvents: boolean;
             isOnTop: boolean;
-            skidding: number;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
@@ -1629,17 +1697,19 @@ 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";
+            optionFlagKey: string;
             valueToCopy: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
             groupedOptions: boolean;
+            comparingKey: string;
+            withConditions: boolean;
             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>;
@@ -1684,6 +1754,17 @@ declare const DropdownTypes: () => (({
             loading: {
                 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;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -1696,10 +1777,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<() => void>;
                 default: () => true;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1708,9 +1785,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1735,10 +1809,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1815,6 +1885,10 @@ 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: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1835,6 +1909,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            comparingKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1855,11 +1938,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
-            withConditions: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
@@ -1870,7 +1948,7 @@ declare const DropdownTypes: () => (({
             onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "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" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "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" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1928,6 +2006,17 @@ declare const DropdownTypes: () => (({
             loading: {
                 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;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -1940,10 +2029,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<() => void>;
                 default: () => true;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1952,9 +2037,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1979,10 +2061,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2059,6 +2137,10 @@ 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: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -2079,6 +2161,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            comparingKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2099,11 +2190,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
-            withConditions: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
@@ -2138,9 +2224,10 @@ declare const DropdownTypes: () => (({
             size: "small" | "medium" | "large";
             flip: boolean;
             mandatory: boolean;
+            skidding: number;
+            modelValue: any;
             selected: any;
             onClear: () => void;
-            modelValue: any;
             placeholder: string;
             multi: boolean;
             showSelectAll: boolean;
@@ -2149,7 +2236,6 @@ declare const DropdownTypes: () => (({
             autoSize: boolean;
             disableKeyboardEvents: boolean;
             isOnTop: boolean;
-            skidding: number;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
@@ -2168,17 +2254,19 @@ 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";
+            optionFlagKey: string;
             valueToCopy: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
             groupedOptions: boolean;
+            comparingKey: string;
+            withConditions: boolean;
             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)[];
@@ -2243,6 +2331,17 @@ declare const DropdownTypes: () => (({
         loading: {
             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;
+        };
         selected: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -2255,10 +2354,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<() => void>;
             default: () => true;
         };
-        modelValue: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2267,9 +2362,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2294,10 +2386,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        skidding: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         triggerLabel: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2374,6 +2462,10 @@ 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: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: any;
@@ -2394,6 +2486,15 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2414,11 +2515,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: unknown) => number>;
             default: any;
         };
-        withConditions: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
     }>> & {
         onCopyToClipboard?: () => any;
         onClear?: () => any;
@@ -2480,6 +2576,17 @@ declare const DropdownTypes: () => (({
     loading: {
         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;
+    };
     selected: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -2492,10 +2599,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<() => void>;
         default: () => true;
     };
-    modelValue: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2504,9 +2607,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     showSelectAll: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2531,10 +2631,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    skidding: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     triggerLabel: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2611,6 +2707,10 @@ 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: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     valueToCopy: {
         type: import("vue").PropType<string>;
         default: any;
@@ -2631,6 +2731,15 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    comparingKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    withConditions: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
     fullWidth: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2651,11 +2760,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => number>;
         default: any;
     };
-    withConditions: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
 }>> & {
     onCopyToClipboard?: () => any;
     onClear?: () => any;
@@ -2690,9 +2794,10 @@ declare const DropdownTypes: () => (({
     size: "small" | "medium" | "large";
     flip: boolean;
     mandatory: boolean;
+    skidding: number;
+    modelValue: any;
     selected: any;
     onClear: () => void;
-    modelValue: any;
     placeholder: string;
     multi: boolean;
     showSelectAll: boolean;
@@ -2701,7 +2806,6 @@ declare const DropdownTypes: () => (({
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     isOnTop: boolean;
-    skidding: number;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -2720,17 +2824,19 @@ 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";
+    optionFlagKey: string;
     valueToCopy: string;
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
     groupedOptions: boolean;
+    comparingKey: string;
+    withConditions: boolean;
     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;
@@ -2759,11 +2865,13 @@ 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";
+                optionFlagKey: string;
                 feedbackVariant: "success" | "warning" | "error";
                 valueToCopy: string;
                 statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 size: "small" | "medium" | "large";
                 showAllSelectedText: boolean;
+                allSelected: boolean;
                 onKeydown: (event: any) => void;
                 onClick: () => void;
             };
@@ -2892,6 +3000,9 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             selected: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -2904,9 +3015,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2985,6 +3093,9 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             selected: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -2997,9 +3108,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -3102,6 +3210,9 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -3114,9 +3225,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         inlineSearchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3185,6 +3293,9 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     selected: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -3197,9 +3308,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     inlineSearchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;