@ironsource/shared-ui 2.0.0-rc.4 → 2.0.0-rc.6

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

@@ -15,21 +15,21 @@ declare const DropdownTypes: () => (({
             placement: import("floating-vue").Placement;
             disabled: boolean;
             container: string;
+            popperClass: string;
             selected: any;
+            distance: number;
+            mandatory: boolean;
             modelValue: any;
             placeholder: string;
-            mandatory: boolean;
+            autoFocus: boolean;
             helperText: string;
             searchPlaceholder: string;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
-            popperClass: string;
             noResultsText: string;
             defaultOpen: boolean;
             showButtonOnOpen: boolean;
-            autoFocus: boolean;
-            distance: number;
             skidding: number;
             clearable: boolean;
             onSearch: (option: any, term: string) => boolean;
@@ -77,6 +77,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -85,6 +89,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<any[]>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -93,7 +105,7 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            mandatory: {
+            autoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
@@ -117,10 +129,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             noResultsText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -136,14 +144,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -201,7 +201,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "size" | "testId" | "error" | "placement" | "disabled" | "container" | "selected" | "modelValue" | "placeholder" | "mandatory" | "helperText" | "searchPlaceholder" | "isOnTop" | "multi" | "inlineSearch" | "popperClass" | "noResultsText" | "defaultOpen" | "showButtonOnOpen" | "autoFocus" | "distance" | "skidding" | "clearable" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme" | "valueToCopy">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "size" | "testId" | "error" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "distance" | "mandatory" | "modelValue" | "placeholder" | "autoFocus" | "helperText" | "searchPlaceholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "showButtonOnOpen" | "skidding" | "clearable" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme" | "valueToCopy">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -213,7 +213,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: "update:selected", value: unknown) => void) & ((event: "apply", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -251,6 +251,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -259,6 +263,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<any[]>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -267,7 +279,7 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            mandatory: {
+            autoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
@@ -291,10 +303,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             noResultsText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -310,14 +318,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            autoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -393,21 +393,21 @@ declare const DropdownTypes: () => (({
             placement: import("floating-vue").Placement;
             disabled: boolean;
             container: string;
+            popperClass: string;
             selected: any;
+            distance: number;
+            mandatory: boolean;
             modelValue: any;
             placeholder: string;
-            mandatory: boolean;
+            autoFocus: boolean;
             helperText: string;
             searchPlaceholder: string;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
-            popperClass: string;
             noResultsText: string;
             defaultOpen: boolean;
             showButtonOnOpen: boolean;
-            autoFocus: boolean;
-            distance: number;
             skidding: number;
             clearable: boolean;
             onSearch: (option: any, term: string) => boolean;
@@ -475,6 +475,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         selected: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -483,6 +487,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<any[]>;
             required: true;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -491,7 +503,7 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        mandatory: {
+        autoFocus: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
@@ -515,10 +527,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        popperClass: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         noResultsText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -534,14 +542,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        autoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         isOpen: {
             type: import("vue").PropType<boolean>;
         };
@@ -642,6 +642,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    popperClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -650,6 +654,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<any[]>;
         required: true;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -658,7 +670,7 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    mandatory: {
+    autoFocus: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -682,10 +694,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    popperClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     noResultsText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -701,14 +709,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     isOpen: {
         type: import("vue").PropType<boolean>;
     };
@@ -784,21 +784,21 @@ declare const DropdownTypes: () => (({
     placement: import("floating-vue").Placement;
     disabled: boolean;
     container: string;
+    popperClass: string;
     selected: any;
+    distance: number;
+    mandatory: boolean;
     modelValue: any;
     placeholder: string;
-    mandatory: boolean;
+    autoFocus: boolean;
     helperText: string;
     searchPlaceholder: string;
     isOnTop: boolean;
     multi: boolean;
     inlineSearch: boolean;
-    popperClass: string;
     noResultsText: string;
     defaultOpen: boolean;
     showButtonOnOpen: boolean;
-    autoFocus: boolean;
-    distance: number;
     skidding: number;
     clearable: boolean;
     onSearch: (option: any, term: string) => boolean;

package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts

@@ -0,0 +1,66 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    open: boolean;
+    testId?: string;
+    disabled?: boolean;
+    feedbackVariant?: string;
+    displayedValue: any;
+    options: unknown[];
+    selectedOption: unknown | unknown[];
+    displayValue: (option: unknown) => string;
+    multi: boolean;
+}>, {
+    label: string;
+    open: boolean;
+    testId: string;
+    disabled: boolean;
+    feedbackVariant: string;
+    displayedValue: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    open: boolean;
+    testId?: string;
+    disabled?: boolean;
+    feedbackVariant?: string;
+    displayedValue: any;
+    options: unknown[];
+    selectedOption: unknown | unknown[];
+    displayValue: (option: unknown) => string;
+    multi: boolean;
+}>, {
+    label: string;
+    open: boolean;
+    testId: string;
+    disabled: boolean;
+    feedbackVariant: string;
+    displayedValue: string;
+}>>> & {
+    onClear?: () => any;
+}, {
+    label: string;
+    testId: string;
+    disabled: boolean;
+    feedbackVariant: string;
+    open: boolean;
+    displayedValue: any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/dropdown/v4/ChipDropdownTrigger.vue.js

@@ -0,0 +1,7 @@
+import o from "./ChipDropdownTrigger.vue2.js";
+/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_14dcdae5_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-14dcdae5"]]);
+export {
+  d as default
+};

package/components/dropdown/v4/ChipDropdownTrigger.vue2.js

@@ -0,0 +1,73 @@
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_14dcdae5_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as n, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
+import m from "../../icon/v4/IconV4.vue.js";
+import A from "../../typography/v4/Typography.vue.js";
+import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
+import { useTestIdAttrs as B } from "../../../utils/testIds.js";
+const N = { class: "chip-trigger--content" }, I = { class: "chip-trigger--icon" }, $ = ["onClick"], L = /* @__PURE__ */ V({
+  __name: "ChipDropdownTrigger",
+  props: {
+    label: { default: "Status" },
+    open: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    feedbackVariant: { default: "" },
+    displayedValue: { default: "" },
+    options: null,
+    selectedOption: null,
+    displayValue: null,
+    multi: { type: Boolean }
+  },
+  emits: ["clear"],
+  setup(r, { emit: h }) {
+    const e = r, y = () => {
+      h("clear");
+    }, i = b(!0), g = (l) => {
+      let a = l;
+      return Array.isArray(l) && (l.length > 1 ? a = `${l[0]}, +${l[1]}` : a = l[0] ? `${l[0]}` : ""), i.value = !!a, a ? `${e.label}: ${a}` : e.label;
+    }, O = p(
+      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
+    ), s = B(e.testId, o), T = p(() => {
+      if (!e.multi)
+        return e.selectedOption ? e.displayValue(e.selectedOption) : "";
+      if (Array.isArray(e.selectedOption))
+        return e.selectedOption.length ? e.options.length === e.selectedOption.length ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
+          e.displayValue(e.selectedOption[0]),
+          e.selectedOption.length
+        ] : [];
+    });
+    return (l, a) => (_(), C("div", n({
+      class: ["chip-trigger", [t(O), { active: r.open || i.value, disabled: r.disabled }]]
+    }, t(s)[t(o).BUTTON]), [
+      c("div", N, [
+        d(t(A), n({ variant: "chipLabel" }, t(s)[t(o).BUTTON_CONTENT]), {
+          default: w(() => [
+            k(v(g(t(T))), 1)
+          ]),
+          _: 1
+        }, 16),
+        u(c("div", I, [
+          d(t(m), {
+            name: "caret-down",
+            size: "16px"
+          })
+        ], 512), [
+          [f, !i.value]
+        ]),
+        u(c("div", n({ class: "x-circle-wrapper" }, t(s)[t(o).BUTTON_CLEAR], {
+          onClick: x(y, ["stop"])
+        }), [
+          d(t(m), {
+            name: "x-circle",
+            size: "16px",
+            type: "fill"
+          })
+        ], 16, $), [
+          [f, i.value]
+        ])
+      ])
+    ], 16));
+  }
+});
+export {
+  L as default
+};

package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts

@@ -0,0 +1,115 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    placeholder?: string;
+    selected?: unknown;
+    options?: unknown;
+    size?: "small" | "medium" | "large";
+    open: boolean;
+    disabled?: boolean;
+    testId?: string;
+    label: string;
+    mandatory?: boolean;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    feedbackVariant?: "error" | "success" | "warning";
+    feedbackText?: string;
+    loading?: boolean;
+    singleAppSelection?: boolean;
+    brandIconType?: "android" | "ios";
+}>, {
+    placeholder: string;
+    selected: any;
+    options: any;
+    size: string;
+    open: boolean;
+    disabled: boolean;
+    testId: string;
+    label: string;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    loading: boolean;
+    singleAppSelection: boolean;
+    brandIconType: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    placeholder?: string;
+    selected?: unknown;
+    options?: unknown;
+    size?: "small" | "medium" | "large";
+    open: boolean;
+    disabled?: boolean;
+    testId?: string;
+    label: string;
+    mandatory?: boolean;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    feedbackVariant?: "error" | "success" | "warning";
+    feedbackText?: string;
+    loading?: boolean;
+    singleAppSelection?: boolean;
+    brandIconType?: "android" | "ios";
+}>, {
+    placeholder: string;
+    selected: any;
+    options: any;
+    size: string;
+    open: boolean;
+    disabled: boolean;
+    testId: string;
+    label: string;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    loading: boolean;
+    singleAppSelection: boolean;
+    brandIconType: any;
+}>>> & {
+    onClick?: () => any;
+}, {
+    label: string;
+    size: "small" | "medium" | "large";
+    testId: string;
+    loading: boolean;
+    disabled: boolean;
+    selected: any;
+    options: any;
+    singleAppSelection: boolean;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    placeholder: string;
+    feedbackText: string;
+    feedbackVariant: "error" | "success" | "warning";
+    open: boolean;
+    brandIconType: "android" | "ios";
+}>, {
+    "brand-icon"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/dropdown/v4/DefaultDropdownTrigger.vue.js

@@ -0,0 +1,7 @@
+import o from "./DefaultDropdownTrigger.vue2.js";
+/* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c218ef1f_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c218ef1f"]]);
+export {
+  p as default
+};

package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js

@@ -0,0 +1,82 @@
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c218ef1f_lang.css"; import { defineComponent as h, computed as p, openBlock as a, createElementBlock as d, Fragment as s, createBlock as f, createCommentVNode as l, createElementVNode as o, mergeProps as u, unref as t, renderSlot as x, createVNode as m, withCtx as v, createTextVNode as I, toDisplayString as g } from "vue";
+import B from "../../typography/v4/Typography.vue.js";
+import { DropdownTestIdModifiers as r } from "../../../testids/index.js";
+import V from "../../icon/v4/IconV4.vue.js";
+import N from "../../shared/FieldLabel.vue.js";
+import C from "../../shared/FieldHelpText.vue.js";
+import { useTestIdAttrs as w } from "../../../utils/testIds.js";
+const A = { class: "content" }, H = { key: 0 }, P = { key: 1 }, U = /* @__PURE__ */ h({
+  __name: "DefaultDropdownTrigger",
+  props: {
+    placeholder: { default: "Select" },
+    selected: { default: null },
+    options: { default: null },
+    size: { default: "small" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    label: { default: "" },
+    mandatory: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    singleAppSelection: { type: Boolean, default: !1 },
+    brandIconType: { default: null }
+  },
+  emits: ["click"],
+  setup(e, { emit: b }) {
+    const n = e, T = p(
+      () => n.feedbackVariant ? `state-${n.feedbackVariant}` : ""
+    ), y = () => {
+      b("click");
+    }, i = w(n.testId, r);
+    return (k, c) => (a(), d(s, null, [
+      e.label ? (a(), f(N, {
+        key: 0,
+        label: e.label,
+        mandatory: e.mandatory,
+        "hover-help-text": e.hoverHelpText,
+        "hover-help-text-placement": e.hoverHelpTextPlacement,
+        disabled: e.disabled,
+        "test-id": e.testId
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : l("", !0),
+      o("div", u({
+        class: ["dropdown-trigger", [e.size, t(T), { open: e.open, disabled: e.disabled }]]
+      }, t(i)[t(r).BUTTON_WRAPPER], {
+        onClick: c[0] || (c[0] = (D) => y())
+      }), [
+        o("div", A, [
+          x(k.$slots, "brand-icon", {}, () => [
+            e.brandIconType ? (a(), d(s, { key: 0 }, [
+              e.brandIconType === "android" ? (a(), d("span", H, "A")) : l("", !0),
+              e.brandIconType === "ios" ? (a(), d("span", P, "I")) : l("", !0)
+            ], 64)) : l("", !0)
+          ], !0),
+          m(t(B), u({ variant: "body1" }, t(i)[t(r).BUTTON_CONTENT]), {
+            default: v(() => [
+              I(g(e.placeholder), 1)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        o("div", null, [
+          m(t(V), {
+            name: "caret-down",
+            size: "20px"
+          })
+        ])
+      ], 16),
+      e.feedbackText ? (a(), f(C, {
+        key: 1,
+        text: e.feedbackText,
+        variant: e.feedbackVariant,
+        "test-id": e.testId
+      }, null, 8, ["text", "variant", "test-id"])) : l("", !0)
+    ], 64));
+  }
+});
+export {
+  U as default
+};