@ironsource/shared-ui 2.1.6-rc.2 → 2.1.6-rc.21

package/components/dropdown/v3/Dropdown.vue2.js

@@ -1,16 +1,16 @@
- import "../../../Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css";  import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  import { defineComponent as le, openBlock as a, createElementBlock as i, normalizeClass as T, unref as e, renderSlot as b, createVNode as s, withCtx as n, Transition as ae, createTextVNode as r, toDisplayString as h, createCommentVNode as o, createBlock as I, isRef as de, createElementVNode as m, mergeProps as P, withModifiers as N, Fragment as oe, renderList as ie, toRaw as $, pushScopeId as ne, popScopeId as se } from "vue";
-import x from "../../button/v3/Button.vue.js";
+ import "../../../Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css";  import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  import { defineComponent as le, openBlock as a, createElementBlock as i, normalizeClass as T, unref as e, renderSlot as b, createVNode as s, withCtx as n, Transition as ae, createTextVNode as r, toDisplayString as h, createCommentVNode as o, createBlock as I, isRef as de, createElementVNode as m, mergeProps as P, withModifiers as A, Fragment as oe, renderList as ie, toRaw as $, pushScopeId as ne, popScopeId as se } from "vue";
+import N from "../../button/v3/Button.vue.js";
 import "../../button/v3/IconButton.vue.js";
 import "../../button/v3/ScrollButton.vue.js";
 import re from "./Option.vue.js";
-import A from "../../icon/v3/Icon.vue.js";
+import x from "../../icon/v3/Icon.vue.js";
 import ue from "../../search/v3/Search.vue.js";
 import "../../typography/Heading.vue.js";
 import y from "../../typography/Text.vue.js";
-import { Dropdown as fe } from "floating-vue";
+import { Dropdown as ce } from "floating-vue";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import { dropdownCommon as ce } from "../common/Dropdown.common.js";
-const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "data-testid"], pe = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"], be = {
+import { dropdownCommon as fe } from "../common/Dropdown.common.js";
+const me = (t) => (ne("data-v-aaa8c4bb"), t = t(), se(), t), ye = ["tabindex", "data-testid"], pe = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"], be = {
   key: 0,
   class: "image-slot"
 }, he = { class: "angle-down" }, ke = {
@@ -91,7 +91,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
     darkTheme: { type: Boolean, default: !0 },
     valueToCopy: { default: "" }
   },
-  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
+  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply", "selectAll", "clear"],
   setup(t, { expose: L, emit: V }) {
     const K = t, H = {
       MULTILINE_LIST_HEIGHT: 48,
@@ -101,7 +101,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
     }, {
       onKeydown: p,
       location: D,
-      open: f,
+      open: c,
       toggleMenu: g,
       onButtonKeydown: k,
       displayedValue: C,
@@ -127,11 +127,11 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
       cancel: ee,
       el: te,
       buttonRef: z
-    } = ce(K, V, H);
+    } = fe(K, V, H);
     return L({
       selectItem: E,
       scrollTo: Q
-    }), (c, d) => (a(), i("div", {
+    }), (f, d) => (a(), i("div", {
       ref_key: "el",
       ref: te,
       class: T(["dropdown", { "dropdown--disabled": t.disabled }]),
@@ -140,8 +140,8 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
       onKeydown: d[7] || (d[7] = //@ts-ignore
       (...l) => e(p) && e(p)(...l))
     }, [
-      b(c.$slots, "label", {}, void 0, !0),
-      s(e(fe), {
+      b(f.$slots, "label", {}, void 0, !0),
+      s(e(ce), {
         theme: t.theme,
         "popper-class": [
           t.popperClass,
@@ -152,7 +152,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
         distance: t.isOnTop ? -e(D) : t.distance,
         flip: t.flip,
         triggers: [],
-        shown: !!e(f),
+        shown: !!e(c),
         "auto-hide": !1,
         container: t.container,
         "auto-size": t.autoSize,
@@ -161,7 +161,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
         popper: n(() => [
           s(ae, null, {
             default: n(() => [
-              e(f) ? (a(), i("div", {
+              e(c) ? (a(), i("div", {
                 key: 0,
                 ref_key: "listRef",
                 ref: Z,
@@ -192,13 +192,13 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                     onKeydown: e(p)
                   }, null, 8, ["modelValue", "placeholder", "test-id", "onKeydown"])) : o("", !0)
                 ])) : o("", !0),
-                e(f) ? (a(), i("div", {
+                e(c) ? (a(), i("div", {
                   key: 1,
                   class: "dropdown",
                   onKeydown: d[6] || (d[6] = //@ts-ignore
                   (...l) => e(p) && e(p)(...l))
                 }, [
-                  b(c.$slots, "input-list", { open: e(f) }, void 0, !0),
+                  b(f.$slots, "input-list", { open: e(c) }, void 0, !0),
                   m("div", P(e(G), {
                     class: ["list-container", { "list-container--multi": t.multi }],
                     style: { height: `${e(F)}rem` },
@@ -220,7 +220,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                         })
                       ])) : o("", !0),
                       t.loading ? (a(), i("li", Ie, [
-                        s(e(A), {
+                        s(e(x), {
                           "font-size": "md",
                           class: "loader-icon"
                         }, {
@@ -243,7 +243,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                           "selected-prop": e(S),
                           "is-indeterminate": e(q),
                           "select-all-option": "",
-                          onClick: d[5] || (d[5] = N((l) => e(W)(), ["stop"]))
+                          onClick: d[5] || (d[5] = A((l) => e(W)(), ["stop"]))
                         }, {
                           default: n(() => [
                             r("Select all ")
@@ -255,9 +255,9 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                         key: w,
                         "aria-selected": e(O)($(e(R)), l),
                         "aria-disabled": !!t.disabled,
-                        onClick: N(() => e(E)(l, w), ["stop"])
+                        onClick: A(() => e(E)(l, w), ["stop"])
                       }, [
-                        b(c.$slots, "default", {
+                        b(f.$slots, "default", {
                           option: l,
                           selected: e(O)($(e(R)), l),
                           active: $(e(Y)) === w
@@ -266,7 +266,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                     ], 16)
                   ], 16, we),
                   t.multi ? (a(), i("div", Se, [
-                    s(e(x), {
+                    s(e(N), {
                       ref_key: "cancel",
                       ref: ee,
                       size: "sm",
@@ -280,7 +280,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                       ]),
                       _: 1
                     }, 8, ["test-id", "onClick"]),
-                    s(e(x), {
+                    s(e(N), {
                       ref_key: "apply",
                       ref: _,
                       "data-testid": "mutli-apply",
@@ -304,12 +304,12 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
         default: n(() => [
           m("div", {
             class: T(["button__container", {
-              "button__container--open": !!e(f),
+              "button__container--open": !!e(c),
               [`button__container--${t.size}`]: !0,
               "button__container--disabled": t.disabled
             }])
           }, [
-            c.$slots.input ? (a(), i("div", {
+            f.$slots.input ? (a(), i("div", {
               key: 0,
               ref_key: "buttonRef",
               ref: z,
@@ -317,23 +317,23 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
               onKeydown: d[1] || (d[1] = //@ts-ignore
               (...l) => e(k) && e(k)(...l))
             }, [
-              b(c.$slots, "input", {
-                open: e(f),
+              b(f.$slots, "input", {
+                open: e(c),
                 value: e(C),
                 disabled: t.disabled
               }, void 0, !0)
             ], 544)) : o("", !0),
-            c.$slots.input ? o("", !0) : (a(), i("button", {
+            f.$slots.input ? o("", !0) : (a(), i("button", {
               key: 1,
               ref_key: "buttonRef",
               ref: z,
               disabled: t.disabled,
               "aria-haspopup": !0,
-              "aria-expanded": !!e(f),
+              "aria-expanded": !!e(c),
               "aria-labelledby": e(M)?.id,
               "aria-disabled": t.disabled,
               class: T([{
-                "button--open": !!e(f),
+                "button--open": !!e(c),
                 [`button--${t.size}`]: !0,
                 "button--disabled": t.disabled
               }, "button"]),
@@ -341,8 +341,8 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
               (...l) => e(k) && e(k)(...l)),
               onClick: d[3] || (d[3] = (l) => e(g)())
             }, [
-              c.$slots.image ? (a(), i("div", be, [
-                b(c.$slots, "image", {}, void 0, !0)
+              f.$slots.image ? (a(), i("div", be, [
+                b(f.$slots, "image", {}, void 0, !0)
               ])) : o("", !0),
               s(e(y), {
                 size: "sm",
@@ -354,7 +354,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                 _: 1
               }),
               m("div", he, [
-                s(e(A), {
+                s(e(x), {
                   name: "angle-down",
                   "font-size": "sm"
                 })

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

@@ -196,7 +196,9 @@ declare const DropdownTypes: () => (({
                 default: boolean;
             };
         }>> & {
+            onClear?: () => any;
             onApply?: (value: unknown) => any;
+            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
@@ -213,7 +215,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: "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<{
             title: {
@@ -370,7 +372,9 @@ declare const DropdownTypes: () => (({
                 default: boolean;
             };
         }>> & {
+            onClear?: () => any;
             onApply?: (value: unknown) => any;
+            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
@@ -384,6 +388,8 @@ declare const DropdownTypes: () => (({
             closed: () => void;
             opened: () => void;
             apply: (value: unknown) => void;
+            selectAll: () => void;
+            clear: () => void;
         }, string, {
             title: string;
             theme: string;
@@ -594,7 +600,9 @@ declare const DropdownTypes: () => (({
             default: boolean;
         };
     }>> & {
+        onClear?: () => any;
         onApply?: (value: unknown) => any;
+        onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOpened?: () => any;
@@ -761,7 +769,9 @@ declare const DropdownTypes: () => (({
         default: boolean;
     };
 }>> & {
+    onClear?: () => any;
     onApply?: (value: unknown) => any;
+    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOpened?: () => any;
@@ -775,6 +785,8 @@ declare const DropdownTypes: () => (({
     closed: () => void;
     opened: () => void;
     apply: (value: unknown) => void;
+    selectAll: () => void;
+    clear: () => void;
 }, string, {
     title: string;
     theme: string;

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

@@ -43,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
+    copyToClipboard: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     placeholder?: string;
     selectedOption?: unknown;
@@ -88,6 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
 }>>> & {
     onClick?: () => any;
+    onCopyToClipboard?: () => any;
 }, {
     label: string;
     disabled: boolean;

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

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
 /* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-0267d003"]]);
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-39c47ad1"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as O, unref as l, renderSlot as T, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
 import r from "../../icon/v4/IconV4.vue.js";
 import x from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
@@ -38,13 +38,13 @@ const S = { class: "app-trigger--content" }, D = {
     optionIconKey: { default: null },
     optionIconType: { default: null }
   },
-  emits: ["click"],
-  setup(t, { emit: T }) {
+  emits: ["click", "copyToClipboard"],
+  setup(t, { emit: y }) {
     const e = t, { copy: k, copied: C } = w({}), I = p(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), b = () => {
-      T("click");
-    }, y = K(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
+      y("click");
+    }, f = K(e.testId, u), m = "All apps selected", g = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${m} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
@@ -52,26 +52,26 @@ const S = { class: "app-trigger--content" }, D = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     }), A = async () => {
-      await k(e.valueToCopy), C.value && z({
+      await k(e.valueToCopy), C.value && (z({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
-      });
+      }), y("copyToClipboard"));
     };
-    return (c, g) => (o(), n("div", {
+    return (c, h) => (o(), n("div", {
       class: B(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
     }, [
-      a("div", h({
+      a("div", O({
         class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]],
         style: {
           paddingLeft: c.$slots.image || l(d) && t.optionImageKey ? "8px" : "12px"
         }
-      }, l(y)[l(u).BUTTON_WRAPPER], {
-        onClick: g[0] || (g[0] = (q) => b())
+      }, l(f)[l(u).BUTTON_WRAPPER], {
+        onClick: h[0] || (h[0] = (q) => b())
       }), [
         a("div", S, [
           c.$slots.image || l(d) && t.optionImageKey ? (o(), n("div", D, [
-            O(c.$slots, "image", {}, () => [
+            T(c.$slots, "image", {}, () => [
               t.optionImageKey ? (o(), n("img", {
                 key: 0,
                 src: l(d)[t.optionImageKey]
@@ -79,7 +79,7 @@ const S = { class: "app-trigger--content" }, D = {
             ], !0)
           ])) : i("", !0),
           c.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), n("div", P, [
-            O(c.$slots, "icon-start", {}, () => [
+            T(c.$slots, "icon-start", {}, () => [
               s(l(r), {
                 type: t.optionIconType,
                 name: l(d)[t.optionIconKey],
@@ -87,10 +87,10 @@ const S = { class: "app-trigger--content" }, D = {
               }, null, 8, ["type", "name"])
             ], !0)
           ])) : i("", !0),
-          s(l(x), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+          s(l(x), O({ variant: "button" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
             default: v(() => [
               a("div", R, [
-                l(m) === f ? (o(), n("span", U, [
+                l(g) === m ? (o(), n("span", U, [
                   s(l(r), {
                     name: "cube",
                     size: "20px",
@@ -98,7 +98,7 @@ const S = { class: "app-trigger--content" }, D = {
                   })
                 ])) : i("", !0),
                 a("div", L, [
-                  a("div", M, $(l(m)), 1),
+                  a("div", M, $(l(g)), 1),
                   t.mandatory && (Array.isArray(t.selectedOption) ? !t.selectedOption.length : !t.selectedOption) ? (o(), n("span", W, "*")) : i("", !0)
                 ])
               ])

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

@@ -1,7 +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_889042cf_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-889042cf"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8fdae89"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, 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 "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, 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";

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

@@ -1,7 +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_c3033d90_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c3033d90"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad524750"]]);
 export {
   p as default
 };

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

@@ -1,21 +1,20 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css"; import { defineComponent as I, computed as r, openBlock as a, createElementBlock as n, createBlock as m, createCommentVNode as o, createElementVNode as c, mergeProps as y, unref as l, renderSlot as h, createVNode as s, withCtx as O, createTextVNode as x, toDisplayString as w } from "vue";
-import V from "../../typography/v4/Typography.vue.js";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; import { defineComponent as v, computed as r, openBlock as o, createElementBlock as a, createBlock as k, createCommentVNode as n, createElementVNode as c, mergeProps as m, unref as l, renderSlot as y, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as V } from "vue";
+import x from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import T from "../../icon/v4/IconV4.vue.js";
-import B from "../../shared/FieldLabel.vue.js";
-import D from "../../shared/FieldHelpText.vue.js";
-import { useTestIdAttrs as A } from "../../../utils/testIds.js";
-import N from "../../statusDot/StatusDot.vue.js";
-const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
+import h from "../../icon/v4/IconV4.vue.js";
+import w from "../../shared/FieldLabel.vue.js";
+import { useTestIdAttrs as D } from "../../../utils/testIds.js";
+import A from "../../statusDot/StatusDot.vue.js";
+const N = { class: "default-dropdown-wrapper" }, K = { class: "content" }, $ = {
   key: 0,
   class: "image"
-}, H = ["src"], P = {
+}, C = ["src"], P = {
   key: 1,
   class: "start-icon"
 }, S = {
   key: 2,
   class: "status-dot"
-}, z = { class: "caret-down" }, G = /* @__PURE__ */ I({
+}, z = { class: "caret-down" }, j = /* @__PURE__ */ v({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -44,12 +43,12 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
     statusDotType: { default: null }
   },
   emits: ["click"],
-  setup(t, { emit: b }) {
-    const e = t, g = r(
+  setup(t, { emit: g }) {
+    const e = t, T = r(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), k = () => {
-      b("click");
-    }, f = A(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
+    ), b = () => {
+      g("click");
+    }, p = D(e.testId, u), O = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
@@ -57,8 +56,8 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     });
-    return (i, p) => (a(), n("div", K, [
-      t.label ? (a(), m(B, {
+    return (s, f) => (o(), a("div", N, [
+      t.label ? (o(), k(w, {
         key: 0,
         label: t.label,
         mandatory: t.mandatory,
@@ -67,58 +66,50 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
         disabled: t.disabled,
         "test-id": t.testId,
         class: "dropdown-field-label"
-      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : o("", !0),
-      c("div", y({
-        class: ["dropdown-trigger", [t.size, l(g), { open: t.open, disabled: t.disabled }]]
-      }, l(f)[l(u).BUTTON_WRAPPER], {
-        onClick: p[0] || (p[0] = (E) => k())
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
+      c("div", m({
+        class: ["dropdown-trigger", [t.size, l(T), { open: t.open, disabled: t.disabled }]]
+      }, l(p)[l(u).BUTTON_WRAPPER], {
+        onClick: f[0] || (f[0] = (E) => b())
       }), [
-        c("div", $, [
-          i.$slots.image || l(d) && t.optionImageKey ? (a(), n("div", C, [
-            h(i.$slots, "image", {}, () => [
-              t.optionImageKey ? (a(), n("img", {
+        c("div", K, [
+          s.$slots.image || l(d) && t.optionImageKey ? (o(), a("div", $, [
+            y(s.$slots, "image", {}, () => [
+              t.optionImageKey ? (o(), a("img", {
                 key: 0,
                 src: l(d)[t.optionImageKey]
-              }, null, 8, H)) : o("", !0)
+              }, null, 8, C)) : n("", !0)
             ], !0)
-          ])) : o("", !0),
-          i.$slots["icon-start"] || l(d) && t.optionIconKey ? (a(), n("div", P, [
-            h(i.$slots, "icon-start", {}, () => [
-              s(l(T), {
+          ])) : n("", !0),
+          s.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), a("div", P, [
+            y(s.$slots, "icon-start", {}, () => [
+              i(l(h), {
                 type: t.optionIconType,
                 name: l(d)[t.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
-          ])) : o("", !0),
-          t.statusDotType ? (a(), n("div", S, [
-            s(l(N), { type: t.statusDotType }, null, 8, ["type"])
-          ])) : o("", !0),
-          s(l(V), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: O(() => [
-              x(w(l(v)), 1)
+          ])) : n("", !0),
+          t.statusDotType ? (o(), a("div", S, [
+            i(l(A), { type: t.statusDotType }, null, 8, ["type"])
+          ])) : n("", !0),
+          i(l(x), m({ variant: "body1" }, l(p)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: I(() => [
+              B(V(l(O)), 1)
             ]),
             _: 1
           }, 16)
         ]),
         c("div", z, [
-          s(l(T), {
+          i(l(h), {
             name: "caret-down",
             size: "20px"
           })
         ])
-      ], 16),
-      t.feedbackText ? (a(), m(D, {
-        key: 1,
-        text: t.feedbackText,
-        variant: t.feedbackVariant,
-        "show-icon": t.showFeedbackIcon,
-        "test-id": t.testId,
-        class: "dropdown-field-help-text"
-      }, null, 8, ["text", "variant", "show-icon", "test-id"])) : o("", !0)
+      ], 16)
     ]));
   }
 });
 export {
-  G as default
+  j as default
 };

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

@@ -40,6 +40,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey?: string;
     optionImageKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconKey?: string;
+    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy?: string;
     disabledOptionKey?: string;
     theme?: string;
@@ -85,6 +87,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: any;
+    optionEndIconKey: string;
+    optionEndIconType: any;
     valueToCopy: any;
     disabledOptionKey: string;
     fullWidth: boolean;
@@ -99,6 +103,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closed: () => void;
     opened: () => void;
     apply: (value: unknown) => void;
+    selectAll: () => void;
+    clear: () => void;
+    copyToClipboard: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
     selected?: unknown;
@@ -140,6 +147,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey?: string;
     optionImageKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconKey?: string;
+    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy?: string;
     disabledOptionKey?: string;
     theme?: string;
@@ -185,13 +194,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: any;
+    optionEndIconKey: string;
+    optionEndIconType: any;
     valueToCopy: any;
     disabledOptionKey: string;
     fullWidth: boolean;
     optionsListWidth: any;
     statusType: any;
 }>>> & {
+    onCopyToClipboard?: () => any;
+    onClear?: () => any;
     onApply?: (value: unknown) => any;
+    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOpened?: () => any;
@@ -234,6 +248,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconKey: string;
+    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy: string;
     disabledOptionKey: string;
     fullWidth: boolean;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bf8e7ff5"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0363db63"]]);
 export {
   r as default
 };