@ironsource/shared-ui 2.1.6-rc.19 → 2.1.6-rc.20

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css

@@ -0,0 +1 @@
+.app-trigger-wrapper[data-v-39c47ad1]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-39c47ad1]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-39c47ad1]{flex:none}.app-trigger-key--content[data-v-39c47ad1]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-39c47ad1]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-39c47ad1]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-39c47ad1]:hover,.app-trigger.active[data-v-39c47ad1]{background:var(--action-selected)}.app-trigger.disabled[data-v-39c47ad1]{cursor:auto}.app-trigger--content[data-v-39c47ad1]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-39c47ad1]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-39c47ad1]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-39c47ad1]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-39c47ad1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-39c47ad1]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-39c47ad1]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-39c47ad1]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-39c47ad1]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-39c47ad1]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-39c47ad1]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-39c47ad1]{padding-top:5px;color:var(--error-main)}

package/AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-538ccdc6]{display:flex}.app-header .image-container[data-v-538ccdc6]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-538ccdc6]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-538ccdc6]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-538ccdc6]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-538ccdc6]{color:var(--text-secondary)}.app-header.size-small[data-v-538ccdc6]{align-items:center}.app-header.size-small .image-container[data-v-538ccdc6]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-538ccdc6]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-538ccdc6]{padding:0 .25rem}.app-header.size-small .name-container[data-v-538ccdc6]{display:flex;align-items:center}.ab-icon-wrapper[data-v-538ccdc6]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-538ccdc6]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}

package/DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-0363db63],.v-leave-active[data-v-0363db63]{transition:opacity .25s ease}ol[data-v-0363db63],ul[data-v-0363db63],menu[data-v-0363db63]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-0363db63],.dropdown.full-width .button__container[data-v-0363db63]{width:100%}.dropdown-list-wrapper[data-v-0363db63]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-0363db63]{padding:.5rem}.list-container--multi[data-v-0363db63]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-0363db63]{padding-bottom:.25rem}.inline-search .list-container[data-v-0363db63]{padding-top:0}.no-result-container[data-v-0363db63]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-0363db63]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-0363db63]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-0363db63]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-0363db63]{margin-right:.5rem}.actions-wrapper[data-v-0363db63]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-0363db63]{margin-left:.5rem}

package/components/appHeader/AppHeader.vue.d.ts

@@ -14,7 +14,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type: string;
     showAbIcon: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copyToClipboard: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     image: string;
     name: string;
     platform: 'android' | 'ios';
@@ -30,7 +32,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type: string;
     showAbIcon: boolean;
-}>>>, {
+}>>> & {
+    onCopyToClipboard?: () => any;
+}, {
     name: string;
     type: 'small' | 'normal';
     image: string;

package/components/appHeader/AppHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./AppHeader.vue2.js";
 /* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c148fc7a"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-538ccdc6"]]);
 export {
   s as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,10 +1,10 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css"; import { defineComponent as h, computed as o, openBlock as d, createElementBlock as m, normalizeClass as x, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as I, createTextVNode as z, toDisplayString as v, createCommentVNode as A } from "vue";
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
 import c from "../icon/v4/IconV4.vue.js";
-import C from "../typography/v4/Typography.vue.js";
-import b from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as g } from "../../utils/testIds.js";
+import T from "../typography/v4/Typography.vue.js";
+import g from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
 import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
-const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"], k = { class: "name-container" }, M = /* @__PURE__ */ h({
+const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"], P = { class: "name-container" }, $ = /* @__PURE__ */ h({
   __name: "AppHeader",
   props: {
     image: { default: "" },
@@ -15,24 +15,25 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
     type: { default: "normal" },
     showAbIcon: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const a = t, p = o(
+  emits: ["copyToClipboard"],
+  setup(t, { emit: f }) {
+    const a = t, y = o(
       () => a.platform ? a.platform.toLowerCase() : ""
-    ), f = o(
-      () => a.type === "normal" ? "24px" : "20px"
     ), u = o(
+      () => a.type === "normal" ? "24px" : "20px"
+    ), x = o(
       () => a.type === "small" ? "18px" : null
-    ), y = o(
+    ), I = o(
       () => a.type === "normal" ? "h2" : "subtitle1"
-    ), s = g(a.testId, l);
-    return (B, P) => (d(), m("div", {
-      class: x(["app-header", `size-${t.type}`])
+    ), s = N(a.testId, l);
+    return (S, d) => (m(), p("div", {
+      class: C(["app-header", `size-${t.type}`])
     }, [
-      n("div", T, [
+      n("div", w, [
         n("img", {
           src: t.image,
           alt: t.name
-        }, null, 8, N)
+        }, null, 8, k)
       ]),
       n("div", r({
         class: "icon-container",
@@ -40,32 +41,33 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
       }, e(s)[e(l).APP_PLATFORM]), [
         i(e(c), {
           type: "branded",
-          name: e(p),
-          size: e(f)
+          name: e(y),
+          size: e(u)
         }, null, 8, ["name", "size"])
-      ], 16, w),
-      n("div", k, [
-        i(e(C), r({
-          variant: e(y),
+      ], 16, B),
+      n("div", P, [
+        i(e(T), r({
+          variant: e(I),
           class: "title"
         }, e(s)[e(l).TITLE]), {
-          default: I(() => [
-            z(v(t.name), 1)
+          default: b(() => [
+            v(z(t.name), 1)
           ]),
           _: 1
         }, 16, ["variant"]),
-        i(e(b), {
+        i(e(g), {
           text: t.appKey,
           size: "medium",
           class: "inline-copy",
           "hide-text-value": t.type === "small",
           "test-id": t.testId,
-          "icon-size": e(u),
+          "icon-size": e(x),
           "tooltip-header": "Copy app key",
-          "tooltip-text": t.appKey
+          "tooltip-text": t.appKey,
+          onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
         }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
       ]),
-      t.showAbIcon ? (d(), m("div", r({
+      t.showAbIcon ? (m(), p("div", r({
         key: 0,
         class: "ab-icon-wrapper"
       }, e(s)[e(l).AB_ICON]), [
@@ -79,5 +81,5 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
   }
 });
 export {
-  M as default
+  $ as default
 };

package/components/appHeader/index.d.ts

@@ -33,7 +33,9 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copyToClipboard: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: import("vue").PropType<string>;
         required: true;
@@ -67,7 +69,9 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onCopyToClipboard?: () => any;
+}, {
     name: string;
     type: "small" | "normal";
     image: string;

package/components/dropdown/common/Dropdown.common.js

@@ -28,7 +28,7 @@ const Ue = (l, O, b) => {
       a.value = l.selected, v.value = l.selected;
     }
   );
-  const p = Pe(), T = n(null), g = n(null), V = n(null), R = n(null), H = n(null), w = n(null), F = n(), B = n(null), L = n(null), U = n(null), ee = 8, le = r(() => w.value ? w.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), x = n(-1), I = n(""), v = n([]), q = () => w.value?.focus(), [d, te, ae] = me({
+  const p = Pe(), T = n(null), g = n(null), V = n(null), R = n(null), H = n(null), w = n(null), F = n(), B = n(null), L = n(null), U = n(null), ee = 8, le = r(() => w.value ? w.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), x = n(-1), I = n(""), v = n(l.selected || []), q = () => w.value?.focus(), [d, te, ae] = me({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });

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_71c3ab74_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-71c3ab74"]]);
+// 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_71c3ab74_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/DropdownV4.vue.d.ts

@@ -105,6 +105,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     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;
@@ -201,6 +202,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionsListWidth: any;
     statusType: any;
 }>>> & {
+    onCopyToClipboard?: () => any;
     onClear?: () => any;
     onApply?: (value: unknown) => any;
     onSelectAll?: () => any;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
 /* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_77f8bdb6_lang.css"; //*');
+// 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__ */ _(o, [["__scopeId", "data-v-77f8bdb6"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0363db63"]]);
 export {
   r as default
 };

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

@@ -1,16 +1,16 @@
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_77f8bdb6_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as se, computed as V, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as w, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as A, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as b, createBlock as $, resolveDynamicComponent as ge } from "vue";
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as se, computed as x, openBlock as i, createElementBlock as n, mergeProps as u, unref as e, renderSlot as w, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as A, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as $, Fragment as ye, renderList as pe, toRaw as k, createBlock as H, resolveDynamicComponent as ge } from "vue";
 import L from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "./DropdownV4.vue.js";
-import ke from "./DefaultDropdownTrigger.vue.js";
-import Te from "./IconButtonDropdownTrigger.vue.js";
-import be from "./ChipDropdownTrigger.vue.js";
+import Te from "./DefaultDropdownTrigger.vue.js";
+import be from "./IconButtonDropdownTrigger.vue.js";
+import ke from "./ChipDropdownTrigger.vue.js";
 import he from "./AppDropdownTrigger.vue.js";
 import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
-import H from "./OptionV4.vue.js";
+import U from "./OptionV4.vue.js";
 import Ie from "../../search/v4/SearchV4.vue.js";
-import U from "../../typography/v4/Typography.vue.js";
+import W from "../../typography/v4/Typography.vue.js";
 import { Dropdown as ve } from "floating-vue";
 import { DropdownTestIdModifiers as f } from "../../../testids/index.js";
 import { dropdownCommon as we } from "../common/Dropdown.common.js";
@@ -83,9 +83,9 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
     optionsListWidth: { default: null },
     statusType: { default: null }
   },
-  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply", "selectAll", "clear"],
-  setup(t, { expose: W, emit: M }) {
-    const d = t, O = {
+  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply", "selectAll", "clear", "copyToClipboard"],
+  setup(t, { expose: M, emit: O }) {
+    const d = t, E = {
       MULTILINE_LIST_HEIGHT: 48,
       LIST_HEIGHT: 32 + 4,
       MAX_NUMBER_OF_OPTIONS: 7.5,
@@ -93,7 +93,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
       DROPLIST_MIN_WIDTH: 240,
       VERSION: 4
     }, {
-      onKeydown: k,
+      onKeydown: T,
       open: s,
       toggleMenu: h,
       onButtonKeydown: G,
@@ -102,40 +102,40 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
       calculateTableHeight: q,
       wrapperProps: Y,
       filteredOptions: j,
-      allSelected: E,
+      allSelected: B,
       isIndeterminate: J,
       onSelectAll: Q,
-      virtualOptions: B,
+      virtualOptions: N,
       isSelected: S,
-      selectedOption: T,
-      selectedOptionPrevious: N,
+      selectedOption: b,
+      selectedOptionPrevious: K,
       selectedValue: Z,
-      onSelect: K,
-      activeIndex: D,
+      onSelect: D,
+      activeIndex: P,
       onCancel: _,
       onApply: ee,
       scrollTo: te,
       listRef: le,
-      buttonRef: P,
-      apply: ie,
-      cancel: oe,
+      buttonRef: R,
+      apply: oe,
+      cancel: ie,
       el: ne,
-      onClearAllSelections: R,
+      onClearAllSelections: F,
       clearAll: ae
-    } = we(d, M, O), m = Se(d.testId, f), F = V(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? ke : d.predefinedTrigger === p.APP ? he : null), { width: z } = Ae(P), de = V(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? z.value - 2 > 240 ? `${z.value - 2}px` : `${O.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
+    } = we(d, O, E), m = Se(d.testId, f), z = x(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? Te : d.predefinedTrigger === p.APP ? he : null), { width: V } = Ae(R), de = x(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? V.value - 2 > 240 ? `${V.value - 2}px` : `${E.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
       h();
     };
-    return W({
-      selectItem: K,
+    return M({
+      selectItem: D,
       scrollTo: te
-    }), (I, i) => (o(), n("div", u({
+    }), (I, o) => (i(), n("div", u({
       ref_key: "el",
       ref: ne,
       class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": t.disabled, "full-width": t.fullWidth }]],
       tabindex: t.disabled ? -1 : 0
     }, e(m)[e(f).WRAPPER], {
-      onKeydown: i[7] || (i[7] = //@ts-ignore
-      (...l) => e(k) && e(k)(...l))
+      onKeydown: o[8] || (o[8] = //@ts-ignore
+      (...l) => e(T) && e(T)(...l))
     }), [
       w(I.$slots, "label", {}, void 0, !0),
       y("div", Ee, [
@@ -160,7 +160,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
           popper: c(() => [
             a(ue, null, {
               default: c(() => [
-                e(s) ? (o(), n("div", {
+                e(s) ? (i(), n("div", {
                   key: 0,
                   ref_key: "listRef",
                   ref: le,
@@ -170,17 +170,17 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                   }]),
                   style: ce({ width: e(de) })
                 }, [
-                  e(s) ? (o(), n("div", {
+                  e(s) ? (i(), n("div", {
                     key: 0,
                     class: A(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": t.multi }]),
-                    onKeydown: i[6] || (i[6] = //@ts-ignore
-                    (...l) => e(k) && e(k)(...l))
+                    onKeydown: o[7] || (o[7] = //@ts-ignore
+                    (...l) => e(T) && e(T)(...l))
                   }, [
-                    e(s) && t.inlineSearch ? (o(), n("div", De, [
+                    e(s) && t.inlineSearch ? (i(), n("div", De, [
                       a(e(Ie), {
                         modelValue: e(C),
                         "onUpdate:modelValue": [
-                          i[3] || (i[3] = (l) => fe(C) ? C.value = l : null),
+                          o[4] || (o[4] = (l) => fe(C) ? C.value = l : null),
                           t.onClear
                         ],
                         placeholder: t.inlineSearchPlaceholder,
@@ -188,7 +188,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                         size: "md",
                         "auto-focus": t.searchAutoFocus,
                         "test-id": t.testId,
-                        onKeydown: e(k)
+                        onKeydown: e(T)
                       }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
                     ])) : r("", !0),
                     w(I.$slots, "input-list", { open: e(s) }, void 0, !0),
@@ -203,35 +203,35 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                         role: "listbox",
                         class: ["list", { "list--multi": t.multi }]
                       }), [
-                        !e(j).length && !t.loading ? (o(), n("li", Pe, [
-                          a(e(U), u({ variant: "body2" }, e(m)[e(f).NO_RESULT]), {
+                        !e(j).length && !t.loading ? (i(), n("li", Pe, [
+                          a(e(W), u({ variant: "body2" }, e(m)[e(f).NO_RESULT]), {
                             default: c(() => [
                               g(me(t.noResultsText), 1)
                             ]),
                             _: 1
                           }, 16)
                         ])) : r("", !0),
-                        t.loading ? (o(), n("li", Re, [
+                        t.loading ? (i(), n("li", Re, [
                           a(e(Ce)),
-                          a(e(U), null, {
+                          a(e(W), null, {
                             default: c(() => [
                               g("Loading...")
                             ]),
                             _: 1
                           })
                         ])) : r("", !0),
-                        t.showSelectAll !== !1 && t.multi ? (o(), n("li", Fe, [
-                          a(e(H), u(
+                        t.showSelectAll !== !1 && t.multi ? (i(), n("li", Fe, [
+                          a(e(U), u(
                             {
-                              "aria-selected": e(E),
+                              "aria-selected": e(B),
                               "aria-disabled": !!t.disabled,
-                              "selected-prop": e(E),
+                              "selected-prop": e(B),
                               "is-indeterminate": e(J),
                               "select-all-option": ""
                             },
                             e(m)[e(f).SELECT_ALL],
                             {
-                              onClick: i[4] || (i[4] = x((l) => e(Q)(), ["stop"]))
+                              onClick: o[5] || (o[5] = $((l) => e(Q)(), ["stop"]))
                             }
                           ), {
                             default: c(() => [
@@ -240,22 +240,22 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                             _: 1
                           }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
                         ])) : r("", !0),
-                        e(B).length && !t.loading ? (o(!0), n(ye, { key: 3 }, pe(e(B), ({ data: l, index: v }) => (o(), n("li", {
+                        e(N).length && !t.loading ? (i(!0), n(ye, { key: 3 }, pe(e(N), ({ data: l, index: v }) => (i(), n("li", {
                           key: v,
-                          "aria-selected": e(S)(b(e(T)), l),
+                          "aria-selected": e(S)(k(e(b)), l),
                           "aria-disabled": !!t.disabled,
-                          onClick: x(() => e(K)(l, v), ["stop"])
+                          onClick: $(() => e(D)(l, v), ["stop"])
                         }, [
                           w(I.$slots, "default", {
                             option: l,
-                            selected: e(S)(b(e(T)), l),
-                            active: b(e(D)) === v,
+                            selected: e(S)(k(e(b)), l),
+                            active: k(e(P)) === v,
                             disabled: l[d.disabledOptionKey]
                           }, () => [
-                            a(e(H), {
+                            a(e(U), {
                               option: l,
-                              selected: e(S)(b(e(T)), l),
-                              active: b(e(D)) === v,
+                              selected: e(S)(k(e(b)), l),
+                              active: k(e(P)) === v,
                               disabled: l[d.disabledOptionKey],
                               "name-key": t.optionNameKey,
                               "image-key": t.optionImageKey,
@@ -268,7 +268,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                         ], 8, ze))), 128)) : r("", !0)
                       ], 16)
                     ], 16),
-                    t.multi ? (o(), n("div", Ve, [
+                    t.multi ? (i(), n("div", Ve, [
                       y("div", xe, [
                         a(e(L), u(
                           {
@@ -280,7 +280,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                           },
                           e(m)[e(f).ACTION_CLEAR_ALL],
                           {
-                            onClick: i[5] || (i[5] = () => e(R)(!1))
+                            onClick: o[6] || (o[6] = () => e(F)(!1))
                           }
                         ), {
                           default: c(() => [
@@ -293,7 +293,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                         a(e(L), u(
                           {
                             ref_key: "cancel",
-                            ref: oe,
+                            ref: ie,
                             size: "small",
                             variant: "outlined",
                             color: "primary"
@@ -308,7 +308,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                         }, 16, ["onClick"]),
                         a(e(L), u({
                           ref_key: "apply",
-                          ref: ie,
+                          ref: oe,
                           "data-testid": "mutli-apply",
                           size: "small",
                           class: "apply-button"
@@ -344,10 +344,10 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
               }, () => [
                 y("div", {
                   ref_key: "buttonRef",
-                  ref: P
+                  ref: R
                 }, [
-                  e(F) ? (o(), n("div", Be, [
-                    (o(), $(ge(e(F)), {
+                  e(z) ? (i(), n("div", Be, [
+                    (i(), H(ge(e(z)), {
                       placeholder: t.placeholder,
                       open: e(s),
                       label: t.triggerLabel,
@@ -356,7 +356,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                       "test-id": t.testId,
                       multi: t.multi,
                       disabled: t.disabled,
-                      "selected-option": t.multi ? e(N) : e(T),
+                      "selected-option": t.multi ? e(K) : e(b),
                       "display-value": t.displayValue,
                       options: t.options,
                       "option-name-key": t.optionNameKey,
@@ -368,25 +368,26 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
                       "status-dot-type": t.statusType,
                       size: t.size,
                       onKeydown: e(G),
-                      onClick: re
+                      onClick: re,
+                      onCopyToClipboard: o[0] || (o[0] = (l) => O("copyToClipboard"))
                     }, null, 40, ["placeholder", "open", "label", "show-feedback-icon", "mandatory", "test-id", "multi", "disabled", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "feedback-variant", "value-to-copy", "status-dot-type", "size", "onKeydown"]))
                   ])) : r("", !0),
-                  t.predefinedTrigger === e(p).ICON_BUTTON ? (o(), n("div", Ne, [
-                    a(e(Te), {
-                      onClick: i[0] || (i[0] = (l) => e(h)())
+                  t.predefinedTrigger === e(p).ICON_BUTTON ? (i(), n("div", Ne, [
+                    a(e(be), {
+                      onClick: o[1] || (o[1] = (l) => e(h)())
                     })
                   ])) : r("", !0),
-                  t.predefinedTrigger === e(p).CHIP ? (o(), n("div", Ke, [
-                    a(e(be), {
+                  t.predefinedTrigger === e(p).CHIP ? (i(), n("div", Ke, [
+                    a(e(ke), {
                       open: e(s),
                       label: t.placeholder,
                       "test-id": t.testId,
                       options: t.options,
-                      "selected-option": t.multi ? e(N) : e(T),
+                      "selected-option": t.multi ? e(K) : e(b),
                       "display-value": t.displayValue,
                       multi: t.multi,
-                      onClick: i[1] || (i[1] = (l) => e(h)()),
-                      onClear: i[2] || (i[2] = (l) => e(R)())
+                      onClick: o[2] || (o[2] = (l) => e(h)()),
+                      onClear: o[3] || (o[3] = (l) => e(F)())
                     }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi"])
                   ])) : r("", !0)
                 ], 512)
@@ -395,7 +396,7 @@ const Oe = ["tabindex"], Ee = { style: { width: "100%" } }, Be = { key: 0 }, Ne
           ]),
           _: 3
         }, 16, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"]),
-        t.triggerFeedbackText ? (o(), $(Le, {
+        t.triggerFeedbackText ? (i(), H(Le, {
           key: 0,
           text: t.triggerFeedbackText,
           variant: t.triggerFeedbackVariant,

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

@@ -637,6 +637,7 @@ declare const DropdownTypes: () => (({
             };
         }>> & {
             onClick?: () => any;
+            onCopyToClipboard?: () => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
         $attrs: {
             [x: string]: unknown;
@@ -649,7 +650,7 @@ declare const DropdownTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: "click") => void;
+        $emit: ((event: "click") => void) & ((event: "copyToClipboard") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -732,8 +733,10 @@ declare const DropdownTypes: () => (({
             };
         }>> & {
             onClick?: () => any;
+            onCopyToClipboard?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: () => void;
+            copyToClipboard: () => void;
         }, string, {
             label: string;
             disabled: boolean;
@@ -854,6 +857,7 @@ declare const DropdownTypes: () => (({
         };
     }>> & {
         onClick?: () => any;
+        onCopyToClipboard?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -939,8 +943,10 @@ declare const DropdownTypes: () => (({
     };
 }>> & {
     onClick?: () => any;
+    onCopyToClipboard?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
+    copyToClipboard: () => void;
 }, string, {
     label: string;
     disabled: boolean;
@@ -1632,6 +1638,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
         }>> & {
+            onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
@@ -1651,7 +1658,7 @@ declare const DropdownTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "clear") => void) & ((event: "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);
+        $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -1845,6 +1852,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
         }>> & {
+            onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
@@ -1863,6 +1871,7 @@ declare const DropdownTypes: () => (({
             apply: (value: unknown) => void;
             selectAll: () => void;
             clear: () => void;
+            copyToClipboard: () => void;
         }, string, {
             theme: string;
             disabled: boolean;
@@ -2120,6 +2129,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
     }>> & {
+        onCopyToClipboard?: () => any;
         onClear?: () => any;
         onApply?: (value: unknown) => any;
         onSelectAll?: () => any;
@@ -2326,6 +2336,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
 }>> & {
+    onCopyToClipboard?: () => any;
     onClear?: () => any;
     onApply?: (value: unknown) => any;
     onSelectAll?: () => any;
@@ -2344,6 +2355,7 @@ declare const DropdownTypes: () => (({
     apply: (value: unknown) => void;
     selectAll: () => void;
     clear: () => void;
+    copyToClipboard: () => void;
 }, string, {
     theme: string;
     disabled: boolean;

package/index.d.ts

@@ -261,7 +261,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        copyToClipboard: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: import("vue").PropType<string>;
             required: true;
@@ -295,7 +297,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>>, {
+    }>> & {
+        onCopyToClipboard?: () => any;
+    }, {
         name: string;
         type: "small" | "normal";
         image: string;
@@ -338,7 +342,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        copyToClipboard: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: import("vue").PropType<string>;
             required: true;
@@ -372,7 +378,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>>, {
+    }>> & {
+        onCopyToClipboard?: () => any;
+    }, {
         name: string;
         type: "small" | "normal";
         image: string;
@@ -11905,6 +11913,7 @@ declare const _default: {
                     default: any;
                 };
             }>> & {
+                onCopyToClipboard?: () => any;
                 onClear?: () => any;
                 onApply?: (value: unknown) => any;
                 onSelectAll?: () => any;
@@ -11924,7 +11933,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "clear") => void) & ((event: "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);
+            $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
@@ -12118,6 +12127,7 @@ declare const _default: {
                     default: any;
                 };
             }>> & {
+                onCopyToClipboard?: () => any;
                 onClear?: () => any;
                 onApply?: (value: unknown) => any;
                 onSelectAll?: () => any;
@@ -12136,6 +12146,7 @@ declare const _default: {
                 apply: (value: unknown) => void;
                 selectAll: () => void;
                 clear: () => void;
+                copyToClipboard: () => void;
             }, string, {
                 theme: string;
                 disabled: boolean;
@@ -12393,6 +12404,7 @@ declare const _default: {
                 default: any;
             };
         }>> & {
+            onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
@@ -12599,6 +12611,7 @@ declare const _default: {
             default: any;
         };
     }>> & {
+        onCopyToClipboard?: () => any;
         onClear?: () => any;
         onApply?: (value: unknown) => any;
         onSelectAll?: () => any;
@@ -12617,6 +12630,7 @@ declare const _default: {
         apply: (value: unknown) => void;
         selectAll: () => void;
         clear: () => void;
+        copyToClipboard: () => void;
     }, string, {
         theme: string;
         disabled: boolean;
@@ -13596,6 +13610,7 @@ declare const _default: {
                 };
             }>> & {
                 onClick?: () => any;
+                onCopyToClipboard?: () => any;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
             $attrs: {
                 [x: string]: unknown;
@@ -13608,7 +13623,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: (event: "click") => void;
+            $emit: ((event: "click") => void) & ((event: "copyToClipboard") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -13691,8 +13706,10 @@ declare const _default: {
                 };
             }>> & {
                 onClick?: () => any;
+                onCopyToClipboard?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: () => void;
+                copyToClipboard: () => void;
             }, string, {
                 label: string;
                 disabled: boolean;
@@ -13813,6 +13830,7 @@ declare const _default: {
             };
         }>> & {
             onClick?: () => any;
+            onCopyToClipboard?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -13898,8 +13916,10 @@ declare const _default: {
         };
     }>> & {
         onClick?: () => any;
+        onCopyToClipboard?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: () => void;
+        copyToClipboard: () => void;
     }, string, {
         label: string;
         disabled: boolean;
@@ -14556,6 +14576,7 @@ declare const _default: {
                 };
             }>> & {
                 onClick?: () => any;
+                onCopyToClipboard?: () => any;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
             $attrs: {
                 [x: string]: unknown;
@@ -14568,7 +14589,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: (event: "click") => void;
+            $emit: ((event: "click") => void) & ((event: "copyToClipboard") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -14651,8 +14672,10 @@ declare const _default: {
                 };
             }>> & {
                 onClick?: () => any;
+                onCopyToClipboard?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: () => void;
+                copyToClipboard: () => void;
             }, string, {
                 label: string;
                 disabled: boolean;
@@ -14773,6 +14796,7 @@ declare const _default: {
             };
         }>> & {
             onClick?: () => any;
+            onCopyToClipboard?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -14858,8 +14882,10 @@ declare const _default: {
         };
     }>> & {
         onClick?: () => any;
+        onCopyToClipboard?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: () => void;
+        copyToClipboard: () => void;
     }, string, {
         label: string;
         disabled: boolean;
@@ -15551,6 +15577,7 @@ declare const _default: {
                     default: any;
                 };
             }>> & {
+                onCopyToClipboard?: () => any;
                 onClear?: () => any;
                 onApply?: (value: unknown) => any;
                 onSelectAll?: () => any;
@@ -15570,7 +15597,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "clear") => void) & ((event: "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);
+            $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
@@ -15764,6 +15791,7 @@ declare const _default: {
                     default: any;
                 };
             }>> & {
+                onCopyToClipboard?: () => any;
                 onClear?: () => any;
                 onApply?: (value: unknown) => any;
                 onSelectAll?: () => any;
@@ -15782,6 +15810,7 @@ declare const _default: {
                 apply: (value: unknown) => void;
                 selectAll: () => void;
                 clear: () => void;
+                copyToClipboard: () => void;
             }, string, {
                 theme: string;
                 disabled: boolean;
@@ -16039,6 +16068,7 @@ declare const _default: {
                 default: any;
             };
         }>> & {
+            onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
@@ -16245,6 +16275,7 @@ declare const _default: {
             default: any;
         };
     }>> & {
+        onCopyToClipboard?: () => any;
         onClear?: () => any;
         onApply?: (value: unknown) => any;
         onSelectAll?: () => any;
@@ -16263,6 +16294,7 @@ declare const _default: {
         apply: (value: unknown) => void;
         selectAll: () => void;
         clear: () => void;
+        copyToClipboard: () => void;
     }, string, {
         theme: string;
         disabled: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.6-rc.19",
+  "version": "2.1.6-rc.20",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css

@@ -1 +0,0 @@
-.app-trigger-wrapper[data-v-71c3ab74]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-71c3ab74]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-71c3ab74]{flex:none}.app-trigger-key--content[data-v-71c3ab74]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-71c3ab74]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-71c3ab74]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-71c3ab74]:hover,.app-trigger.active[data-v-71c3ab74]{background:var(--action-selected)}.app-trigger.disabled[data-v-71c3ab74]{cursor:auto}.app-trigger--content[data-v-71c3ab74]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-71c3ab74]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-71c3ab74]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-71c3ab74]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-71c3ab74]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-71c3ab74]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-71c3ab74]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-71c3ab74]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-71c3ab74]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-71c3ab74]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-71c3ab74]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-71c3ab74]{padding-top:5px;color:var(--error-main)}

package/AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css

@@ -1 +0,0 @@
-.app-header[data-v-c148fc7a]{display:flex}.app-header .image-container[data-v-c148fc7a]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-c148fc7a]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-c148fc7a]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-c148fc7a]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-c148fc7a]{color:var(--text-secondary)}.app-header.size-small[data-v-c148fc7a]{align-items:center}.app-header.size-small .image-container[data-v-c148fc7a]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-c148fc7a]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-c148fc7a]{padding:0 .25rem}.app-header.size-small .name-container[data-v-c148fc7a]{display:flex;align-items:center}.ab-icon-wrapper[data-v-c148fc7a]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-c148fc7a]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}

package/DropdownV4.vue_vue_type_style_index_0_scoped_77f8bdb6_lang.css

@@ -1 +0,0 @@
-.v-enter-active[data-v-77f8bdb6],.v-leave-active[data-v-77f8bdb6]{transition:opacity .25s ease}ol[data-v-77f8bdb6],ul[data-v-77f8bdb6],menu[data-v-77f8bdb6]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-77f8bdb6],.dropdown.full-width .button__container[data-v-77f8bdb6]{width:100%}.dropdown-list-wrapper[data-v-77f8bdb6]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-77f8bdb6]{padding:.5rem}.list-container--multi[data-v-77f8bdb6]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-77f8bdb6]{padding-bottom:.25rem}.inline-search .list-container[data-v-77f8bdb6]{padding-top:0}.no-result-container[data-v-77f8bdb6]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-77f8bdb6]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-77f8bdb6]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-77f8bdb6]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-77f8bdb6]{margin-right:.5rem}.actions-wrapper[data-v-77f8bdb6]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-77f8bdb6]{margin-left:.5rem}