@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.2

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     placeholder?: string;
     selectedOption?: unknown;
     options?: unknown[];
@@ -20,6 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey?: string;
     optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    feedbackVariant?: string;
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -45,10 +46,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
     optionEndIconKey: any;
     optionEndIconType: any;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, 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<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     placeholder?: string;
     selectedOption?: unknown;
     options?: unknown[];
@@ -70,6 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey?: string;
     optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    feedbackVariant?: string;
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -95,21 +97,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
     optionEndIconKey: any;
     optionEndIconType: any;
-}>>> & {
+}>>> & Readonly<{
     onClick?: () => any;
     onCopyToClipboard?: () => any;
-}, {
+}>, {
     label: string;
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    open: boolean;
-    mandatory: boolean;
     loading: boolean;
+    open: boolean;
     valueToCopy: string;
     options: unknown[];
     singleAppSelection: boolean;
+    mandatory: boolean;
     placeholder: string;
+    feedbackVariant: string;
     multi: boolean;
     optionNameKey: string;
     optionIconKey: string;
@@ -119,7 +122,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     selectedOption: any;
     brandIconType: "android" | "ios";
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;
     "icon-end"?(_: {}): any;

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_858cefbf_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-858cefbf"]]);
+/* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_95cb7fdb_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-95cb7fdb"]]);
 export {
   s as default
 };

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

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

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     variant?: "text" | "outlined";
     size?: "small" | "medium";
@@ -23,9 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxWidth: number;
     withTooltip: boolean;
     tooltipPlacement: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     variant?: "text" | "outlined";
     size?: "small" | "medium";
@@ -50,9 +50,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxWidth: number;
     withTooltip: boolean;
     tooltipPlacement: string;
-}>>> & {
+}>>> & Readonly<{
     onClick?: () => any;
-}, {
+}>, {
     testId: string;
     variant: "text" | "outlined";
     withTooltip: boolean;
@@ -60,12 +60,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     size: "small" | "medium";
     maxWidth: number;
-    open: boolean;
     startIconName: string;
     startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    open: boolean;
     hideEndIcon: boolean;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
+    "after-label"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,7 +1,7 @@
 import o from "./ButtonDropdownTrigger.vue2.js";
-/* empty css                            */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-604dfc6f"]]);
+/* empty css                            */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-adb49e50"]]);
 export {
   p as default
 };

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

@@ -1,13 +1,13 @@
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
-import T from "../../button/v4/ButtonV4.vue.js";
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css"; import { defineComponent as m, openBlock as u, createBlock as f, unref as l, normalizeClass as c, withCtx as e, renderSlot as n, createElementVNode as y, normalizeStyle as b, createVNode as h, createTextVNode as T, toDisplayString as B } from "vue";
+import g from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import B from "../../typography/v4/Typography.vue.js";
-const W = /* @__PURE__ */ c({
+import v from "../../typography/v4/Typography.vue.js";
+const i = 40, E = /* @__PURE__ */ m({
   __name: "ButtonDropdownTrigger",
   props: {
-    label: null,
+    label: {},
     variant: { default: "outlined" },
     size: { default: "medium" },
     open: { type: Boolean, default: !1 },
@@ -21,10 +21,10 @@ const W = /* @__PURE__ */ c({
     tooltipPlacement: { default: "top" }
   },
   emits: ["click"],
-  setup(t, { emit: i }) {
-    const e = t, a = 40, d = e.maxWidth > a ? { maxWidth: `${e.maxWidth - a}px` } : {};
-    return (r, l) => (s(), u(o(T), {
-      class: m(["button-trigger", { open: t.open }]),
+  setup(r, { emit: d }) {
+    const o = r, s = o.maxWidth > i ? { maxWidth: `${o.maxWidth - i}px` } : {}, p = d;
+    return (t, a) => (u(), f(l(g), {
+      class: c(["button-trigger", { open: t.open }]),
       disabled: t.disabled,
       color: "default",
       variant: t.variant,
@@ -34,15 +34,18 @@ const W = /* @__PURE__ */ c({
       "end-icon-name": t.hideEndIcon ? null : "caret-down",
       content: t.label,
       "test-id": t.testId,
-      onClick: l[0] || (l[0] = (g) => i("click"))
+      onClick: a[0] || (a[0] = (w) => p("click"))
     }, {
-      default: n(() => [
-        f(r.$slots, "default", {}, () => [
-          p("div", {
-            style: y(o(d)),
+      "after-label": e(() => [
+        n(t.$slots, "after-label", {}, void 0, !0)
+      ]),
+      default: e(() => [
+        n(t.$slots, "default", {}, () => [
+          y("div", {
+            style: b(l(s)),
             class: "label-wrapper"
           }, [
-            h(B, {
+            h(v, {
               variant: "button",
               class: "label-text",
               "is-truncated": "",
@@ -50,8 +53,8 @@ const W = /* @__PURE__ */ c({
               "tooltip-text": t.label,
               "tooltip-placement": t.tooltipPlacement
             }, {
-              default: n(() => [
-                b(x(t.label), 1)
+              default: e(() => [
+                T(B(t.label), 1)
               ]),
               _: 1
             }, 8, ["with-tooltip", "tooltip-text", "tooltip-placement"])
@@ -63,5 +66,5 @@ const W = /* @__PURE__ */ c({
   }
 });
 export {
-  W as default
+  E as default
 };

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

@@ -1,5 +1,5 @@
 import { IconTypes } from '@/components/icon/v4/Icon.types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     variant?: 'outlined' | 'text';
     open?: boolean;
@@ -16,9 +16,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     variant?: 'outlined' | 'text';
     open?: boolean;
@@ -35,17 +35,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
-}>>> & {
+}>>> & Readonly<{
     onClick?: () => any;
-}, {
+}>, {
     testId: string;
     variant: 'outlined' | 'text';
     disabled: boolean;
-    open: boolean;
     startIconName: string;
     startIconType: IconTypes;
+    open: boolean;
     hideEndIcon: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,13 +1,13 @@
- import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
-import y from "../../typography/v4/Typography.vue.js";
-import s from "../../icon/v4/IconV4.vue.js";
+ import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css"; import { defineComponent as u, openBlock as o, createElementBlock as I, mergeProps as l, unref as t, createBlock as s, createCommentVNode as i, createVNode as T, withCtx as y, createTextVNode as N, toDisplayString as B } from "vue";
+import g from "../../typography/v4/Typography.vue.js";
+import d from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import { useTestIdAttrs as N } from "../../../utils/testIds.js";
+import { useTestIdAttrs as k } from "../../../utils/testIds.js";
 import { DropdownTestIdModifiers as a } from "../../../testids/index.js";
-const E = /* @__PURE__ */ m({
+const O = /* @__PURE__ */ u({
   __name: "ButtonFilterDropdownTrigger",
   props: {
-    label: null,
+    label: {},
     variant: { default: "outlined" },
     open: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
@@ -17,30 +17,30 @@ const E = /* @__PURE__ */ m({
     testId: { default: "" }
   },
   emits: ["click"],
-  setup(e, { emit: c }) {
-    const n = N(e.testId, a);
-    return (g, r) => (o(), u("div", l({
+  setup(p, { emit: m }) {
+    const c = p, f = m, n = k(c.testId, a);
+    return (e, r) => (o(), I("div", l({
       class: ["button-filter-dropdown-trigger", [e.variant, { disabled: e.disabled, open: e.open }]]
     }, t(n)[t(a).BUTTON], {
-      onClick: r[0] || (r[0] = (k) => c("click"))
+      onClick: r[0] || (r[0] = (b) => f("click"))
     }), [
-      e.startIconName ? (o(), d(t(s), {
+      e.startIconName ? (o(), s(t(d), {
         key: 0,
         name: e.startIconName,
         type: e.startIconType,
         size: "16px",
         class: "start-icon"
       }, null, 8, ["name", "type"])) : i("", !0),
-      f(t(y), l({
+      T(t(g), l({
         variant: "chipLabel",
         class: "content"
       }, t(n)[t(a).BUTTON_CONTENT]), {
-        default: p(() => [
-          I(T(e.label), 1)
+        default: y(() => [
+          N(B(e.label), 1)
         ]),
         _: 1
       }, 16),
-      e.hideEndIcon ? i("", !0) : (o(), d(t(s), {
+      e.hideEndIcon ? i("", !0) : (o(), s(t(d), {
         key: 1,
         name: "caret-down",
         size: "16px",
@@ -50,5 +50,5 @@ const E = /* @__PURE__ */ m({
   }
 });
 export {
-  E as default
+  O as default
 };