@ironsource/shared-ui 2.0.0 → 2.0.1-test.2

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

@@ -1,18 +1,18 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_92add735_lang.css"; import { defineComponent as C, openBlock as o, createElementBlock as n, normalizeClass as f, unref as e, createElementVNode as d, createBlock as p, createCommentVNode as l, renderSlot as c, createVNode as b, withCtx as k, createTextVNode as g, toDisplayString as B, withModifiers as $ } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as p } from "vue";
 import "../../typography/Heading.vue.js";
 import N from "../../typography/Text.vue.js";
-import V from "../../checkbox/v3/Checkbox.vue.js";
-import w from "../../icon/v4/IconV4.vue.js";
-import { NOOP as O } from "@vue/shared";
-import { optionCommon as S } from "../common/Option.common.js";
+import T from "../../checkbox/v4/CheckboxV4.vue.js";
+import v from "../../icon/v4/IconV4.vue.js";
+import { NOOP as V } from "@vue/shared";
+import { optionCommon as w } from "../common/Option.common.js";
 import x from "../../typography/v4/Typography.vue.js";
 const z = {
   key: 1,
   class: "image"
-}, I = {
+}, O = ["src"], S = {
   key: 2,
   class: "start-icon"
-}, T = { class: "text-container" }, E = { key: 0 }, H = /* @__PURE__ */ C({
+}, I = { class: "text-container" }, E = { key: 0 }, H = /* @__PURE__ */ $({
   __name: "OptionV4",
   props: {
     option: { default: null },
@@ -21,66 +21,83 @@ const z = {
     selectedProp: { type: Boolean },
     isIndeterminate: { type: Boolean, default: !1 },
     selectAllOption: { type: Boolean, default: !1 },
-    active: { type: Boolean, default: null }
+    active: { type: Boolean, default: null },
+    nameKey: { default: null },
+    imageKey: { default: null },
+    iconKey: { default: null },
+    iconType: { default: null }
   },
-  setup(t) {
-    const v = t, { selected: a, isMulti: r, id: y, onClick: h, api: m } = S(v);
-    return (i, s) => (o(), n("div", {
+  setup(e) {
+    const K = e, { selected: s, isMulti: c, id: C, onClick: B, api: u } = w(K);
+    return (i, a) => (n(), o("div", {
       ref: "el",
-      class: f(["item-container", {
-        "item-container--disabled": t.disabled,
-        "item-container--active": t.active,
-        "item-container--selected": e(a),
-        "item-container--multi": e(r)
+      class: y(["item-container", {
+        "item-container--disabled": e.disabled,
+        "item-container--active": e.nameKey ? !1 : e.active,
+        "item-container--selected": t(s),
+        "item-container--multi": t(c)
       }])
     }, [
       d("div", {
-        class: f(["item", {
-          "item--multi": e(r),
+        class: y(["item", {
+          "item--multi": t(c),
           "item--with-icon": i.$slots["icon-start"] || i.$slots.image
         }])
       }, [
-        e(r) ? (o(), p(e(V), {
+        t(c) ? (n(), k(t(T), {
           key: 0,
-          id: e(y).toString(),
+          id: t(C).toString(),
           tabindex: "-1",
           class: "checkbox",
           size: "sm",
-          "is-checked": e(a),
-          "is-indeterminate": t.isIndeterminate && !t.option,
-          onClick: s[0] || (s[0] = (u) => t.disabled ? e(O)() : e(h)(u))
+          "is-checked": t(s),
+          "is-indeterminate": e.isIndeterminate && !e.option,
+          onClick: a[0] || (a[0] = (f) => e.disabled ? t(V)() : t(B)(f))
         }, null, 8, ["id", "is-checked", "is-indeterminate"])) : l("", !0),
-        i.$slots.image ? (o(), n("div", z, [
-          c(i.$slots, "image", {}, void 0, !0)
+        i.$slots.image || e.imageKey ? (n(), o("div", z, [
+          m(i.$slots, "image", {}, () => [
+            e.imageKey ? (n(), o("img", {
+              key: 0,
+              src: e.option[e.imageKey]
+            }, null, 8, O)) : l("", !0)
+          ], !0)
         ])) : l("", !0),
-        i.$slots["icon-start"] ? (o(), n("div", I, [
-          c(i.$slots, "icon-start", {}, void 0, !0)
+        i.$slots["icon-start"] || e.iconKey ? (n(), o("div", S, [
+          m(i.$slots, "icon-start", {}, () => [
+            r(t(v), {
+              type: e.iconType,
+              name: e.option[e.iconKey],
+              size: "16px"
+            }, null, 8, ["type", "name"])
+          ], !0)
         ])) : l("", !0),
-        d("div", T, [
-          b(e(x), { variant: "body2" }, {
-            default: k(() => [
-              c(i.$slots, "default", {}, void 0, !0)
+        d("div", I, [
+          r(t(x), { variant: "body2" }, {
+            default: b(() => [
+              m(i.$slots, "default", {}, () => [
+                g(h(e.option[e.nameKey]), 1)
+              ], !0)
             ]),
             _: 3
           }),
-          t.subtitle ? (o(), p(e(N), {
+          e.subtitle ? (n(), k(t(N), {
             key: 0,
             class: "subtitle",
             size: "xs"
           }, {
-            default: k(() => [
-              g(B(t.subtitle), 1)
+            default: b(() => [
+              g(h(e.subtitle), 1)
             ]),
             _: 1
           })) : l("", !0)
         ])
       ], 2),
-      e(m).clearable && e(a) ? (o(), n("div", E, [
+      t(u).clearable && t(s) ? (n(), o("div", E, [
         d("button", {
           class: "clear-button",
-          onClick: s[1] || (s[1] = $((u) => e(m).clearSelection(), ["prevent", "stop"]))
+          onClick: a[1] || (a[1] = p((f) => t(u).clearSelection(), ["prevent", "stop"]))
         }, [
-          b(e(w), {
+          r(t(v), {
             name: "close",
             width: "8",
             height: 8