@ironsource/shared-ui 2.0.0 → 2.0.1

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

@@ -1,38 +1,40 @@
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_571b7c2f_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as te, openBlock as a, createElementBlock as i, mergeProps as r, unref as e, renderSlot as h, createElementVNode as m, createVNode as n, withCtx as s, Transition as le, normalizeClass as R, isRef as oe, createCommentVNode as d, createTextVNode as p, toDisplayString as ae, withModifiers as V, Fragment as ie, renderList as ne, toRaw as w } from "vue";
-import I from "../../button/v4/ButtonV4.vue.js";
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_19f8fedd_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as ae, computed as P, openBlock as i, createElementBlock as n, mergeProps as s, unref as e, renderSlot as C, createElementVNode as p, createVNode as a, withCtx as u, Transition as de, normalizeClass as z, normalizeStyle as re, isRef as se, createCommentVNode as d, createTextVNode as g, toDisplayString as ue, withModifiers as V, Fragment as ce, renderList as fe, toRaw as T, createBlock as me, resolveDynamicComponent as pe } from "vue";
+import A from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "./DropdownV4.vue.js";
-import de from "./DefaultDropdownTrigger.vue.js";
-import re from "./IconButtonDropdownTrigger.vue.js";
-import se from "./ChipDropdownTrigger.vue.js";
-import ue from "./OptionV4.vue.js";
-import ce from "../../search/v4/SearchV4.vue.js";
-import x from "../../typography/v4/Typography.vue.js";
-import { Dropdown as fe } from "floating-vue";
-import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import { dropdownCommon as me } from "../common/Dropdown.common.js";
-import pe from "../../loader/v4/Loader.vue.js";
-import { useTestIdAttrs as ye } from "../../../utils/testIds.js";
-import { TRIGGERS as b } from "./Dropdown.types.js";
-const ge = ["tabindex"], he = { style: { display: "flex", width: "100%" } }, be = { key: 0 }, ke = { key: 1 }, Te = { key: 2 }, ve = {
+import ye from "./DefaultDropdownTrigger.vue.js";
+import ge from "./IconButtonDropdownTrigger.vue.js";
+import he from "./ChipDropdownTrigger.vue.js";
+import ke from "./AppDropdownTrigger.vue.js";
+import x from "./OptionV4.vue.js";
+import Te from "../../search/v4/SearchV4.vue.js";
+import F from "../../typography/v4/Typography.vue.js";
+import { Dropdown as ve } from "floating-vue";
+import { DropdownTestIdModifiers as c } from "../../../testids/index.js";
+import { dropdownCommon as be } from "../common/Dropdown.common.js";
+import Ce from "../../loader/v4/Loader.vue.js";
+import { useTestIdAttrs as we } from "../../../utils/testIds.js";
+import { TRIGGERS as y } from "./Dropdown.types.js";
+import { useElementSize as Ie } from "@vueuse/core";
+const Se = ["tabindex"], Ae = { style: { display: "flex", width: "100%" } }, Le = { key: 0 }, Be = { key: 1 }, Ne = { key: 2 }, Oe = {
   key: 0,
   class: "inline-search-wrapper"
-}, Ce = {
+}, Ee = {
   key: 0,
   class: "no-result-container"
-}, we = {
+}, Ke = {
   key: 1,
   class: "loader"
-}, Ie = { key: 2 }, Se = ["aria-selected", "aria-disabled", "onClick"], Ae = {
+}, Re = { key: 2 }, De = ["aria-selected", "aria-disabled", "onClick"], Pe = {
   key: 1,
   class: "actions-wrapper"
-}, Be = { class: "actions-clear-all" }, Le = { class: "actions-apply-cancel" }, qe = /* @__PURE__ */ te({
+}, ze = { class: "actions-clear-all" }, Ve = { class: "actions-apply-cancel" }, ot = /* @__PURE__ */ ae({
   __name: "DropdownV4",
   props: {
     modelValue: { default: null },
     selected: { default: null },
     multi: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
+    placeholder: { default: "Select" },
     disabled: { type: Boolean, default: !1 },
     popperClass: { default: "" },
     loading: { type: Boolean },
@@ -56,70 +58,78 @@ const ge = ["tabindex"], he = { style: { display: "flex", width: "100%" } }, be
     triggerFeedbackVariant: { default: null },
     size: { default: "lg" },
     mandatory: { type: Boolean, default: !1 },
-    predefinedTrigger: { default: b.DEFAULT },
+    predefinedTrigger: { default: y.DEFAULT },
     inlineSearch: { type: Boolean, default: !1 },
     inlineSearchPlaceholder: { default: "Search" },
-    onSearch: { type: Function, default: () => !0 },
+    onSearch: { type: Function, default: null },
     noResultsText: { default: "No results found" },
     searchAutoFocus: { type: Boolean, default: !0 },
     onClear: { type: Function, default: () => !0 },
     displayValue: null,
-    theme: { default: "light-theme-v4" }
+    optionNameKey: { default: "" },
+    optionIconKey: { default: "" },
+    optionImageKey: { default: "" },
+    optionIconType: { default: null },
+    valueToCopy: { default: null },
+    theme: { default: "light-theme-v4" },
+    fullWidth: { type: Boolean, default: !0 },
+    optionsListWidth: { default: null }
   },
   emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
-  setup(t, { expose: D, emit: z }) {
-    const S = t, P = {
+  setup(t, { expose: $, emit: U }) {
+    const r = t, H = {
       MULTILINE_LIST_HEIGHT: 48,
       LIST_HEIGHT: 32 + 4,
       MAX_NUMBER_OF_OPTIONS: 7,
       PADDING_PX: -4
     }, {
-      onKeydown: y,
-      open: c,
-      toggleMenu: k,
-      onButtonKeydown: F,
-      displayedValue: $,
-      query: T,
-      containerProps: K,
-      calculateTableHeight: H,
-      wrapperProps: A,
-      filteredOptions: U,
+      onKeydown: h,
+      open: f,
+      toggleMenu: w,
+      onButtonKeydown: G,
+      query: I,
+      containerProps: W,
+      calculateTableHeight: M,
+      wrapperProps: L,
+      filteredOptions: X,
       allSelected: B,
-      isIndeterminate: G,
-      onSelectAll: M,
-      virtualOptions: L,
-      isSelected: O,
-      selectedOption: v,
-      onSelect: N,
-      activeIndex: X,
-      onCancel: q,
-      onApply: W,
-      scrollTo: Y,
-      listRef: j,
-      buttonRef: J,
-      apply: Q,
-      cancel: Z,
-      el: _,
-      onClearAllSelections: E,
-      clearAll: ee
-    } = me(S, z, P);
-    D({
-      selectItem: N,
-      scrollTo: Y
+      isIndeterminate: q,
+      onSelectAll: Y,
+      virtualOptions: N,
+      isSelected: S,
+      selectedOption: k,
+      onSelect: O,
+      activeIndex: E,
+      onCancel: j,
+      onApply: J,
+      scrollTo: Q,
+      listRef: Z,
+      buttonRef: K,
+      apply: _,
+      cancel: ee,
+      el: te,
+      onClearAllSelections: R,
+      clearAll: le
+    } = be(r, U, H);
+    $({
+      selectItem: O,
+      scrollTo: Q
     });
-    const f = ye(S.testId, u);
-    return (g, l) => (a(), i("div", r({
+    const m = we(r.testId, c), D = P(() => !r.predefinedTrigger || r.predefinedTrigger === y.DEFAULT ? ye : r.predefinedTrigger === y.APP ? ke : null), { width: oe } = Ie(K), ie = P(() => r.optionsListWidth ? r.optionsListWidth : !r.predefinedTrigger || r.predefinedTrigger === y.DEFAULT || r.predefinedTrigger === y.APP ? `${oe.value - 2}px` : "auto"), ne = () => {
+      w();
+    };
+    return (v, o) => (i(), n("div", s({
       ref_key: "el",
-      ref: _,
-      class: ["dropdown", { "dropdown--disabled": t.disabled }],
+      ref: te,
+      class: ["dropdown dropdown--main-wrapper", { "dropdown--disabled": t.disabled, "full-width": t.fullWidth }],
       tabindex: t.disabled ? -1 : 0
-    }, e(f)[e(u).WRAPPER], {
-      onKeydown: l[7] || (l[7] = //@ts-ignore
-      (...o) => e(y) && e(y)(...o))
+    }, e(m)[e(c).WRAPPER], {
+      onKeydown: o[6] || (o[6] = //@ts-ignore
+      (...l) => e(h) && e(h)(...l))
     }), [
-      h(g.$slots, "label", {}, void 0, !0),
-      m("div", he, [
-        n(e(fe), r({
+      C(v.$slots, "label", {}, void 0, !0),
+      p("div", Ae, [
+        a(e(ve), s({
           theme: t.theme,
           "popper-class": [
             t.popperClass,
@@ -132,34 +142,35 @@ const ge = ["tabindex"], he = { style: { display: "flex", width: "100%" } }, be
           distance: t.distance,
           flip: t.flip,
           triggers: [],
-          shown: !!e(c),
+          shown: !!e(f),
           "auto-hide": !1,
           container: t.container,
           "auto-size": t.autoSize
-        }, e(f)[e(u).TRIGGER]), {
-          popper: s(() => [
-            n(le, null, {
-              default: s(() => [
-                e(c) ? (a(), i("div", {
+        }, e(m)[e(c).TRIGGER]), {
+          popper: u(() => [
+            a(de, null, {
+              default: u(() => [
+                e(f) ? (i(), n("div", {
                   key: 0,
                   ref_key: "listRef",
-                  ref: j,
-                  class: R(["light-theme-v4", {
+                  ref: Z,
+                  class: z(["light-theme-v4", {
                     "dropdown--disabled": t.disabled,
                     "inline-search": t.inlineSearch
-                  }])
+                  }]),
+                  style: re({ width: e(ie) })
                 }, [
-                  e(c) ? (a(), i("div", {
+                  e(f) ? (i(), n("div", {
                     key: 0,
-                    class: "dropdown",
-                    onKeydown: l[6] || (l[6] = //@ts-ignore
-                    (...o) => e(y) && e(y)(...o))
+                    class: "dropdown-list-wrapper",
+                    onKeydown: o[5] || (o[5] = //@ts-ignore
+                    (...l) => e(h) && e(h)(...l))
                   }, [
-                    e(c) && t.inlineSearch ? (a(), i("div", ve, [
-                      n(e(ce), {
-                        modelValue: e(T),
+                    e(f) && t.inlineSearch ? (i(), n("div", Oe, [
+                      a(e(Te), {
+                        modelValue: e(I),
                         "onUpdate:modelValue": [
-                          l[4] || (l[4] = (o) => oe(T) ? T.value = o : null),
+                          o[3] || (o[3] = (l) => se(I) ? I.value = l : null),
                           t.onClear
                         ],
                         placeholder: t.inlineSearchPlaceholder,
@@ -167,174 +178,193 @@ const ge = ["tabindex"], he = { style: { display: "flex", width: "100%" } }, be
                         size: "md",
                         "auto-focus": t.searchAutoFocus,
                         "test-id": t.testId,
-                        onKeydown: e(y)
+                        onKeydown: e(h)
                       }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
                     ])) : d("", !0),
-                    h(g.$slots, "input-list", { open: e(c) }, void 0, !0),
-                    m("div", r({
+                    C(v.$slots, "input-list", { open: e(f) }, void 0, !0),
+                    p("div", s({
                       class: ["list-container", { "list-container--multi": t.multi }],
-                      style: { height: `${e(H)}rem` }
+                      style: { height: `${e(M)}rem` }
                     }, {
-                      ...e(K),
-                      ...e(f)[e(u).LIST_CONTAINER]
+                      ...e(W),
+                      ...e(m)[e(c).LIST_CONTAINER]
                     }), [
-                      m("ul", r(e(A), {
+                      p("ul", s(e(L), {
                         style: {
-                          height: Number(e(A).style.height) - 4
+                          height: Number(e(L).style.height) - 4
                         },
                         role: "listbox",
                         class: ["list", { "list--multi": t.multi }]
                       }), [
-                        !e(U).length && !t.loading ? (a(), i("li", Ce, [
-                          n(e(x), r({ variant: "body2" }, e(f)[e(u).NO_RESULT]), {
-                            default: s(() => [
-                              p(ae(t.noResultsText), 1)
+                        !e(X).length && !t.loading ? (i(), n("li", Ee, [
+                          a(e(F), s({ variant: "body2" }, e(m)[e(c).NO_RESULT]), {
+                            default: u(() => [
+                              g(ue(t.noResultsText), 1)
                             ]),
                             _: 1
                           }, 16)
                         ])) : d("", !0),
-                        t.loading ? (a(), i("li", we, [
-                          n(e(pe)),
-                          n(e(x), null, {
-                            default: s(() => [
-                              p("Loading...")
+                        t.loading ? (i(), n("li", Ke, [
+                          a(e(Ce)),
+                          a(e(F), null, {
+                            default: u(() => [
+                              g("Loading...")
                             ]),
                             _: 1
                           })
                         ])) : d("", !0),
-                        t.showSelectAll ? (a(), i("li", Ie, [
-                          n(e(ue), r(
+                        t.showSelectAll ? (i(), n("li", Re, [
+                          a(e(x), s(
                             {
                               "aria-selected": e(B),
                               "aria-disabled": !!t.disabled,
                               "selected-prop": e(B),
-                              "is-indeterminate": e(G),
+                              "is-indeterminate": e(q),
                               "select-all-option": ""
                             },
-                            e(f)[e(u).SELECT_ALL],
+                            e(m)[e(c).SELECT_ALL],
                             {
-                              onClick: l[5] || (l[5] = V((o) => e(M)(), ["stop"]))
+                              onClick: o[4] || (o[4] = V((l) => e(Y)(), ["stop"]))
                             }
                           ), {
-                            default: s(() => [
-                              p("Select all ")
+                            default: u(() => [
+                              g("Select all ")
                             ]),
                             _: 1
                           }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
                         ])) : d("", !0),
-                        e(L).length && !t.loading ? (a(!0), i(ie, { key: 3 }, ne(e(L), ({ data: o, index: C }) => (a(), i("li", {
-                          key: C,
-                          "aria-selected": e(O)(w(e(v)), o),
+                        e(N).length && !t.loading ? (i(!0), n(ce, { key: 3 }, fe(e(N), ({ data: l, index: b }) => (i(), n("li", {
+                          key: b,
+                          "aria-selected": e(S)(T(e(k)), l),
                           "aria-disabled": !!t.disabled,
-                          onClick: V(() => e(N)(o, C), ["stop"])
+                          onClick: V(() => e(O)(l, b), ["stop"])
                         }, [
-                          h(g.$slots, "default", {
-                            option: o,
-                            selected: e(O)(w(e(v)), o),
-                            active: w(e(X)) === C
-                          }, void 0, !0)
-                        ], 8, Se))), 128)) : d("", !0)
+                          C(v.$slots, "default", {
+                            option: l,
+                            selected: e(S)(T(e(k)), l),
+                            active: T(e(E)) === b
+                          }, () => [
+                            a(e(x), {
+                              option: l,
+                              selected: e(S)(T(e(k)), l),
+                              active: T(e(E)) === b,
+                              "name-key": t.optionNameKey,
+                              "image-key": t.optionImageKey,
+                              "icon-key": t.optionIconKey,
+                              "icon-type": t.optionIconType
+                            }, null, 8, ["option", "selected", "active", "name-key", "image-key", "icon-key", "icon-type"])
+                          ], !0)
+                        ], 8, De))), 128)) : d("", !0)
                       ], 16)
                     ], 16),
-                    t.multi ? (a(), i("div", Ae, [
-                      m("div", Be, [
-                        n(e(I), r(
+                    t.multi ? (i(), n("div", Pe, [
+                      p("div", ze, [
+                        a(e(A), s(
                           {
                             ref_key: "clearAll",
-                            ref: ee,
+                            ref: le,
                             size: "small",
                             variant: "text",
                             color: "primary"
                           },
-                          e(f)[e(u).ACTION_CLEAR_ALL],
-                          { onClick: e(E) }
+                          e(m)[e(c).ACTION_CLEAR_ALL],
+                          { onClick: e(R) }
                         ), {
-                          default: s(() => [
-                            p(" Clear all ")
+                          default: u(() => [
+                            g(" Clear all ")
                           ]),
                           _: 1
                         }, 16, ["onClick"])
                       ]),
-                      m("div", Le, [
-                        n(e(I), r(
+                      p("div", Ve, [
+                        a(e(A), s(
                           {
                             ref_key: "cancel",
-                            ref: Z,
+                            ref: ee,
                             size: "small",
                             variant: "outlined",
                             color: "primary"
                           },
-                          e(f)[e(u).ACTION_CANCEL],
-                          { onClick: e(q) }
+                          e(m)[e(c).ACTION_CANCEL],
+                          { onClick: e(j) }
                         ), {
-                          default: s(() => [
-                            p(" Cancel ")
+                          default: u(() => [
+                            g(" Cancel ")
                           ]),
                           _: 1
                         }, 16, ["onClick"]),
-                        n(e(I), r({
+                        a(e(A), s({
                           ref_key: "apply",
-                          ref: Q,
+                          ref: _,
                           "data-testid": "mutli-apply",
                           size: "small",
                           class: "apply-button"
-                        }, e(f)[e(u).ACTION_APPLY], { onClick: e(W) }), {
-                          default: s(() => [
-                            p("Apply ")
+                        }, e(m)[e(c).ACTION_APPLY], { onClick: e(J) }), {
+                          default: u(() => [
+                            g("Apply ")
                           ]),
                           _: 1
                         }, 16, ["onClick"])
                       ])
                     ])) : d("", !0)
                   ], 32)) : d("", !0)
-                ], 2)) : d("", !0)
+                ], 6)) : d("", !0)
               ]),
               _: 3
             })
           ]),
-          default: s(() => [
-            m("div", {
-              class: R(["button__container", {
-                "button__container--open": !!e(c),
+          default: u(() => [
+            p("div", {
+              class: z(["button__container", {
+                "button__container--open": !!e(f),
                 [`button__container--${t.size}`]: !0,
                 "button__container--disabled": t.disabled
               }])
             }, [
-              h(g.$slots, "dropdown-trigger", {}, () => [
-                m("div", {
+              C(v.$slots, "dropdown-trigger", {}, () => [
+                p("div", {
                   ref_key: "buttonRef",
-                  ref: J
+                  ref: K
                 }, [
-                  !t.predefinedTrigger || t.predefinedTrigger === e(b).DEFAULT ? (a(), i("div", be, [
-                    n(e(de), {
-                      placeholder: e($),
-                      open: e(c),
+                  e(D) ? (i(), n("div", Le, [
+                    (i(), me(pe(e(D)), {
+                      placeholder: t.placeholder,
+                      open: e(f),
                       label: t.triggerLabel,
                       "hover-help-text": t.triggerHelperText,
                       "feedback-text": t.triggerFeedbackText,
                       "feedback-variant": t.triggerFeedbackVariant,
                       mandatory: t.mandatory,
                       "test-id": t.testId,
-                      onKeydown: e(F),
-                      onClick: l[0] || (l[0] = (o) => e(k)())
-                    }, null, 8, ["placeholder", "open", "label", "hover-help-text", "feedback-text", "feedback-variant", "mandatory", "test-id", "onKeydown"])
+                      multi: t.multi,
+                      "selected-option": e(k),
+                      "display-value": t.displayValue,
+                      options: t.options,
+                      "option-name-key": t.optionNameKey,
+                      "option-image-key": t.optionImageKey,
+                      "option-icon-key": t.optionIconKey,
+                      "option-icon-type": t.optionIconType,
+                      "value-to-copy": t.valueToCopy,
+                      onKeydown: e(G),
+                      onClick: ne
+                    }, null, 40, ["placeholder", "open", "label", "hover-help-text", "feedback-text", "feedback-variant", "mandatory", "test-id", "multi", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "value-to-copy", "onKeydown"]))
                   ])) : d("", !0),
-                  t.predefinedTrigger === e(b).ICON_BUTTON ? (a(), i("div", ke, [
-                    n(e(re), {
-                      onClick: l[1] || (l[1] = (o) => e(k)())
+                  t.predefinedTrigger === e(y).ICON_BUTTON ? (i(), n("div", Be, [
+                    a(e(ge), {
+                      onClick: o[0] || (o[0] = (l) => e(w)())
                     })
                   ])) : d("", !0),
-                  t.predefinedTrigger === e(b).CHIP ? (a(), i("div", Te, [
-                    n(e(se), {
-                      open: e(c),
+                  t.predefinedTrigger === e(y).CHIP ? (i(), n("div", Ne, [
+                    a(e(he), {
+                      open: e(f),
                       label: t.placeholder,
                       "test-id": t.testId,
                       options: t.options,
-                      "selected-option": e(v),
+                      "selected-option": e(k),
                       "display-value": t.displayValue,
                       multi: t.multi,
-                      onClick: l[2] || (l[2] = (o) => e(k)()),
-                      onClear: l[3] || (l[3] = (o) => e(E)())
+                      onClick: o[1] || (o[1] = (l) => e(w)()),
+                      onClear: o[2] || (o[2] = (l) => e(R)())
                     }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi"])
                   ])) : d("", !0)
                 ], 512)
@@ -344,9 +374,9 @@ const ge = ["tabindex"], he = { style: { display: "flex", width: "100%" } }, be
           _: 3
         }, 16, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"])
       ])
-    ], 16, ge));
+    ], 16, Se));
   }
 });
 export {
-  qe as default
+  ot as default
 };

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

@@ -6,6 +6,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isIndeterminate?: boolean;
     selectAllOption?: boolean;
     active?: boolean;
+    nameKey?: string;
+    imageKey?: string;
+    iconKey?: string;
+    iconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     subtitle: string;
     disabled: boolean;
@@ -13,6 +17,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isIndeterminate: boolean;
     selectAllOption: boolean;
     active: any;
+    nameKey: any;
+    imageKey: any;
+    iconKey: any;
+    iconType: any;
 }>, {}, 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<{
     option?: unknown;
     subtitle?: string;
@@ -21,6 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isIndeterminate?: boolean;
     selectAllOption?: boolean;
     active?: boolean;
+    nameKey?: string;
+    imageKey?: string;
+    iconKey?: string;
+    iconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     subtitle: string;
     disabled: boolean;
@@ -28,6 +40,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isIndeterminate: boolean;
     selectAllOption: boolean;
     active: any;
+    nameKey: any;
+    imageKey: any;
+    iconKey: any;
+    iconType: any;
 }>>>, {
     option: any;
     disabled: boolean;
@@ -35,6 +51,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     subtitle: string;
     selectAllOption: boolean;
     active: boolean;
+    nameKey: string;
+    imageKey: string;
+    iconKey: string;
+    iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;

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_92add735_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-92add735"]]);
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2a214b95"]]);
 export {
   s as default
 };