@ironsource/shared-ui 2.1.6-rc.32 → 2.1.6-rc.34

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

@@ -17,9 +17,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     optionEndIconKey?: string;
-    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -67,9 +67,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     optionEndIconKey?: string;
-    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -113,9 +113,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     optionEndIconKey: string;
-    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     valueToCopy: string;
     selectedOption: any;
     brandIconType: "android" | "ios";

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

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
 /* empty css                         */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c700276e_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c700276e"]]);
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-858cefbf"]]);
 export {
   s as default
 };

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

@@ -1,24 +1,25 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c700276e_lang.css"; import { defineComponent as E, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
-import p from "../../icon/v4/IconV4.vue.js";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css"; import { defineComponent as B, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
+import r from "../../icon/v4/IconV4.vue.js";
 import D from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as g } from "../../../testids/index.js";
 import { useTestIdAttrs as R } from "../../../utils/testIds.js";
 import b from "../../tooltip/v4/TooltipV4.vue.js";
 import { useClipboard as P } from "@vueuse/core";
-import { Snackbar as W } from "../../snackbar/v4/index.js";
-const U = { class: "app-trigger--content" }, L = {
+import { Snackbar as U } from "../../snackbar/v4/index.js";
+import { isElementTruncated as L } from "../../../utils/text.js";
+const M = { class: "app-trigger--content" }, W = {
   key: 0,
   class: "image"
-}, M = ["src"], j = {
+}, j = ["src"], q = {
   key: 1,
   class: "start-icon"
-}, q = { class: "label-text" }, F = { key: 0 }, G = { class: "text-content" }, H = {
+}, F = { class: "label-text" }, G = { key: 0 }, H = { class: "text-content" }, J = {
   key: 0,
   class: "is-mandatory"
-}, J = {
+}, Q = {
   key: 2,
   class: "end-icon"
-}, Q = { class: "app-trigger-key--content" }, ae = /* @__PURE__ */ E({
+}, X = { class: "app-trigger-key--content" }, se = /* @__PURE__ */ B({
   __name: "AppDropdownTrigger",
   props: {
     placeholder: { default: "Select app" },
@@ -44,37 +45,37 @@ const U = { class: "app-trigger--content" }, L = {
     optionEndIconType: { default: null }
   },
   emits: ["click", "copyToClipboard"],
-  setup(o, { emit: v }) {
+  setup(o, { emit: T }) {
     const e = o, { copy: x, copied: K } = P({}), A = y(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), $ = () => {
-      v("click");
-    }, T = R(e.testId, g), h = "All apps selected", r = y(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${h} (${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), n = y(() => {
+      T("click");
+    }, v = R(e.testId, g), h = "All apps selected", p = y(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${h} (${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), n = y(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
         return e.selectedOption;
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
-    }), V = async () => {
-      await x(e.valueToCopy), K.value && (W({
+    }), E = async () => {
+      await x(e.valueToCopy), K.value && (U({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
-      }), v("copyToClipboard"));
+      }), T("copyToClipboard"));
     }, k = O(""), u = O(null);
     w(
-      [r, () => e.open],
+      [p, () => e.open],
       async () => {
-        await z(), B();
+        await z(), V();
       },
       {
         immediate: !0
       }
     );
-    const B = () => {
-      const l = u.value && u.value.offsetWidth < u.value.scrollWidth;
-      k.value = l && !e.open ? r.value : "";
+    const V = () => {
+      const l = u.value && L(u.value);
+      k.value = l && !e.open ? p.value : "";
     };
     return (l, I) => (a(), i("div", {
       class: N(["app-trigger-wrapper", { "with-copy": !!o.valueToCopy }])
@@ -84,38 +85,38 @@ const U = { class: "app-trigger--content" }, L = {
         style: {
           paddingLeft: l.$slots.image || t(n) && o.optionImageKey ? "8px" : "12px"
         }
-      }, t(T)[t(g).BUTTON_WRAPPER], {
-        onClick: I[0] || (I[0] = (X) => $())
+      }, t(v)[t(g).BUTTON_WRAPPER], {
+        onClick: I[0] || (I[0] = (Y) => $())
       }), [
-        d("div", U, [
-          l.$slots.image || t(n) && o.optionImageKey ? (a(), i("div", L, [
+        d("div", M, [
+          l.$slots.image || t(n) && o.optionImageKey ? (a(), i("div", W, [
             f(l.$slots, "image", {}, () => [
               o.optionImageKey ? (a(), i("img", {
                 key: 0,
                 src: t(n)[o.optionImageKey]
-              }, null, 8, M)) : c("", !0)
+              }, null, 8, j)) : c("", !0)
             ], !0)
           ])) : c("", !0),
-          l.$slots["icon-start"] || t(n) && o.optionIconKey ? (a(), i("div", j, [
+          l.$slots["icon-start"] || t(n) && o.optionIconKey ? (a(), i("div", q, [
             f(l.$slots, "icon-start", {}, () => [
-              s(t(p), {
+              s(t(r), {
                 type: o.optionIconType,
                 name: t(n)[o.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
           ])) : c("", !0),
-          s(t(D), C({ variant: "button" }, t(T)[t(g).BUTTON_CONTENT], { class: "displayed-value" }), {
+          s(t(D), C({ variant: "button" }, t(v)[t(g).BUTTON_CONTENT], { class: "displayed-value" }), {
             default: m(() => [
-              d("div", q, [
-                t(r) === h ? (a(), i("span", F, [
-                  s(t(p), {
+              d("div", F, [
+                t(p) === h ? (a(), i("span", G, [
+                  s(t(r), {
                     name: "cube",
                     size: "20px",
                     type: "fill"
                   })
                 ])) : c("", !0),
-                d("div", G, [
+                d("div", H, [
                   s(t(b), {
                     text: k.value,
                     placement: "bottom",
@@ -126,19 +127,19 @@ const U = { class: "app-trigger--content" }, L = {
                         ref_key: "textContainerRef",
                         ref: u,
                         class: "text-content-value"
-                      }, S(t(r)), 513)
+                      }, S(t(p)), 513)
                     ]),
                     _: 1
                   }, 8, ["text"]),
-                  o.mandatory && (Array.isArray(o.selectedOption) ? !o.selectedOption.length : !o.selectedOption) ? (a(), i("span", H, "*")) : c("", !0)
+                  o.mandatory && (Array.isArray(o.selectedOption) ? !o.selectedOption.length : !o.selectedOption) ? (a(), i("span", J, "*")) : c("", !0)
                 ])
               ])
             ]),
             _: 1
           }, 16),
-          l.$slots["icon-end"] || t(n) && o.optionEndIconKey && t(n)[o.optionEndIconKey] ? (a(), i("div", J, [
+          l.$slots["icon-end"] || t(n) && o.optionEndIconKey && t(n)[o.optionEndIconKey] ? (a(), i("div", Q, [
             f(l.$slots, "icon-end", {}, () => [
-              s(t(p), {
+              s(t(r), {
                 type: o.optionEndIconType,
                 name: t(n)[o.optionEndIconKey],
                 size: "24px"
@@ -147,7 +148,7 @@ const U = { class: "app-trigger--content" }, L = {
           ])) : c("", !0)
         ]),
         d("div", null, [
-          s(t(p), {
+          s(t(r), {
             name: "caret-down",
             size: "20px",
             class: "app-trigger--icon"
@@ -157,7 +158,7 @@ const U = { class: "app-trigger--content" }, L = {
       o.valueToCopy ? (a(), i("div", {
         key: 0,
         class: "app-trigger-key",
-        onClick: V
+        onClick: E
       }, [
         s(t(b), {
           text: o.valueToCopy,
@@ -165,8 +166,8 @@ const U = { class: "app-trigger--content" }, L = {
           placement: "bottom"
         }, {
           default: m(() => [
-            d("div", Q, [
-              s(t(p), {
+            d("div", X, [
+              s(t(r), {
                 name: "copy",
                 size: "20px"
               })
@@ -179,5 +180,5 @@ const U = { class: "app-trigger--content" }, L = {
   }
 });
 export {
-  ae as default
+  se as default
 };

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

@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     placeholder: string;
@@ -72,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     placeholder: string;
@@ -119,7 +119,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     selectedOption: any;
     showFeedbackIcon: boolean;
     brandIconType: "android" | "ios";

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

@@ -39,9 +39,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     optionEndIconKey?: string;
-    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     valueToCopy?: string;
     disabledOptionKey?: string;
     theme?: string;
@@ -146,9 +146,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     optionEndIconKey?: string;
-    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     valueToCopy?: string;
     disabledOptionKey?: string;
     theme?: string;
@@ -247,9 +247,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     optionEndIconKey: string;
-    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     valueToCopy: string;
     disabledOptionKey: string;
     fullWidth: boolean;

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

@@ -9,9 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nameKey?: string;
     imageKey?: string;
     iconKey?: string;
-    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     endIconKey?: string;
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     toolTipPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     subtitle: string;
@@ -38,9 +38,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nameKey?: string;
     imageKey?: string;
     iconKey?: string;
-    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     endIconKey?: string;
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     toolTipPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     subtitle: string;
@@ -60,14 +60,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     option: any;
     disabled: boolean;
     active: boolean;
-    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
     nameKey: string;
     imageKey: string;
     iconKey: string;
-    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     endIconKey: string;
     toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {

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

@@ -1,7 +1,7 @@
 import o from "./OptionV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_1df23c31_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1df23c31"]]);
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_69abfd4a_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-69abfd4a"]]);
 export {
   s as default
 };

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

@@ -1,22 +1,23 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_1df23c31_lang.css"; import { defineComponent as B, ref as z, computed as N, openBlock as n, createBlock as f, unref as i, withCtx as y, createElementVNode as c, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as d, createVNode as r, createTextVNode as h, toDisplayString as K, withModifiers as V } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_69abfd4a_lang.css"; import { defineComponent as B, ref as z, computed as N, openBlock as n, createBlock as f, unref as i, withCtx as y, createElementVNode as s, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as c, createVNode as d, createTextVNode as K, toDisplayString as h, withModifiers as V } from "vue";
 import "../../typography/Heading.vue.js";
 import w from "../../typography/Text.vue.js";
 import O from "../../checkbox/v4/CheckboxV4.vue.js";
 import T from "../../icon/v4/IconV4.vue.js";
 import { NOOP as P } from "@vue/shared";
 import { optionCommon as S } from "../common/Option.common.js";
-import j from "../../typography/v4/Typography.vue.js";
-import E from "../../tooltip/v4/TooltipV4.vue.js";
-const M = {
+import E from "../../typography/v4/Typography.vue.js";
+import j from "../../tooltip/v4/TooltipV4.vue.js";
+import { isElementTruncated as M } from "../../../utils/text.js";
+const R = {
   key: 1,
   class: "image"
-}, R = ["src"], W = {
+}, A = ["src"], D = {
   key: 2,
   class: "start-icon"
-}, A = {
+}, q = {
   key: 3,
   class: "end-icon"
-}, D = { key: 0 }, Y = /* @__PURE__ */ B({
+}, F = { key: 0 }, _ = /* @__PURE__ */ B({
   __name: "OptionV4",
   props: {
     option: { default: null },
@@ -35,68 +36,70 @@ const M = {
     toolTipPlacement: { default: "right" }
   },
   setup(e) {
-    const g = e, { selected: u, isMulti: m, id: I, onClick: x, api: b } = S(g), a = z(null), C = N(() => a.value && a.value.offsetWidth < a.value.scrollWidth), p = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : C.value ? t[g.nameKey] : "", $ = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
-    return (t, s) => (n(), f(i(E), {
-      text: p(e.option),
+    const g = e, { selected: r, isMulti: u, id: I, onClick: x, api: b } = S(g), m = z(null), p = N(
+      () => m.value && M(m.value)
+    ), C = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : p.value ? t[g.nameKey] : "", $ = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
+    return (t, a) => (n(), f(i(j), {
+      text: C(e.option),
       "test-id": $(e.option),
       placement: e.toolTipPlacement,
       class: "tooltip-option"
     }, {
       default: y(() => [
-        c("div", {
+        s("div", {
           ref: "el",
           class: v(["item-container", {
             "item-container--disabled": e.disabled,
             "item-container--active": e.nameKey ? !1 : e.active,
-            "item-container--selected": i(u),
-            "item-container--multi": i(m)
+            "item-container--selected": i(r),
+            "item-container--multi": i(u)
           }])
         }, [
-          c("div", {
+          s("div", {
             class: v(["item", {
-              "item--multi": i(m),
+              "item--multi": i(u),
               "item--with-icon": t.$slots["icon-start"] || t.$slots.image
             }])
           }, [
-            i(m) ? (n(), f(i(O), {
+            i(u) ? (n(), f(i(O), {
               key: 0,
               id: i(I).toString(),
               tabindex: "-1",
               class: "checkbox",
               size: "sm",
-              "is-checked": i(u),
+              "is-checked": i(r),
               "is-indeterminate": e.isIndeterminate && !e.option,
-              onClick: s[0] || (s[0] = (k) => e.disabled ? i(P)() : i(x)(k))
+              onClick: a[0] || (a[0] = (k) => e.disabled ? i(P)() : i(x)(k))
             }, null, 8, ["id", "is-checked", "is-indeterminate"])) : o("", !0),
-            t.$slots.image || e.imageKey ? (n(), l("div", M, [
-              d(t.$slots, "image", {}, () => [
+            t.$slots.image || e.imageKey ? (n(), l("div", R, [
+              c(t.$slots, "image", {}, () => [
                 e.imageKey ? (n(), l("img", {
                   key: 0,
                   src: e.option[e.imageKey]
-                }, null, 8, R)) : o("", !0)
+                }, null, 8, A)) : o("", !0)
               ], !0)
             ])) : o("", !0),
-            t.$slots["icon-start"] || e.iconKey ? (n(), l("div", W, [
-              d(t.$slots, "icon-start", {}, () => [
-                r(i(T), {
+            t.$slots["icon-start"] || e.iconKey ? (n(), l("div", D, [
+              c(t.$slots, "icon-start", {}, () => [
+                d(i(T), {
                   type: e.iconType,
                   name: e.option[e.iconKey],
                   size: e.iconType === "regular" ? "20px" : "16px"
                 }, null, 8, ["type", "name", "size"])
               ], !0)
             ])) : o("", !0),
-            c("div", {
+            s("div", {
               ref_key: "textContainerRef",
-              ref: a,
+              ref: m,
               class: "text-container"
             }, [
-              r(i(j), {
+              d(i(E), {
                 class: "option-text",
                 variant: "body2"
               }, {
                 default: y(() => [
-                  d(t.$slots, "default", {}, () => [
-                    h(K(e.option[e.nameKey]), 1)
+                  c(t.$slots, "default", {}, () => [
+                    K(h(e.option[e.nameKey]), 1)
                   ], !0)
                 ]),
                 _: 3
@@ -107,14 +110,14 @@ const M = {
                 size: "xs"
               }, {
                 default: y(() => [
-                  h(K(e.subtitle), 1)
+                  K(h(e.subtitle), 1)
                 ]),
                 _: 1
               })) : o("", !0)
             ], 512),
-            t.$slots["icon-end"] || e.endIconKey && e.option[e.endIconKey] ? (n(), l("div", A, [
-              d(t.$slots, "icon-end", {}, () => [
-                r(i(T), {
+            t.$slots["icon-end"] || e.endIconKey && e.option[e.endIconKey] ? (n(), l("div", q, [
+              c(t.$slots, "icon-end", {}, () => [
+                d(i(T), {
                   type: e.endIconType,
                   name: e.option[e.endIconKey],
                   size: e.endIconType === "regular" || e.endIconType === "ab-test" ? "20px" : "16px"
@@ -122,15 +125,15 @@ const M = {
               ], !0)
             ])) : o("", !0)
           ], 2),
-          i(b).clearable && i(u) ? (n(), l("div", D, [
-            c("button", {
+          i(b).clearable && i(r) ? (n(), l("div", F, [
+            s("button", {
               class: "clear-button",
-              onClick: s[1] || (s[1] = V((k) => i(b).clearSelection(), ["prevent", "stop"]))
+              onClick: a[1] || (a[1] = V((k) => i(b).clearSelection(), ["prevent", "stop"]))
             }, [
-              r(i(T), {
+              d(i(T), {
                 name: "close",
                 width: "8",
-                height: 8
+                height: "8"
               })
             ])
           ])) : o("", !0)
@@ -141,5 +144,5 @@ const M = {
   }
 });
 export {
-  Y as default
+  _ as default
 };

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

@@ -220,7 +220,7 @@ export declare const dropDownStoryArgs: {
         };
     };
     optionIconType: {
-        options: ("fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test")[];
+        options: ("fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat")[];
         table: {
             category: string;
         };