@ironsource/shared-ui 2.1.6-test.2 → 2.1.6-test.4

package/components/inlineCopy/InlineCopy.vue2.js

@@ -1,12 +1,12 @@
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ff9f4a0f_lang.css"; import { defineComponent as u, computed as f, openBlock as i, createElementBlock as y, createBlock as x, unref as e, mergeProps as c, withCtx as n, createTextVNode as T, toDisplayString as C, createCommentVNode as h, createVNode as r } from "vue";
-import z from "../icon/v4/IconV4.vue.js";
-import I from "../typography/v4/Typography.vue.js";
-import { useClipboard as k } from "@vueuse/core";
-import { Snackbar as S } from "../snackbar/v4/index.js";
-import V from "../tooltip/v4/TooltipV4.vue.js";
-import { useTestIdAttrs as B } from "../../utils/testIds.js";
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_6a7b3795_lang.css"; import { defineComponent as f, computed as y, openBlock as i, createElementBlock as x, createBlock as T, unref as e, mergeProps as c, withCtx as n, createTextVNode as C, toDisplayString as h, createCommentVNode as z, createVNode as r } from "vue";
+import I from "../icon/v4/IconV4.vue.js";
+import k from "../typography/v4/Typography.vue.js";
+import { useClipboard as S } from "@vueuse/core";
+import { Snackbar as V } from "../snackbar/v4/index.js";
+import B from "../tooltip/v4/TooltipV4.vue.js";
+import { useTestIdAttrs as b } from "../../utils/testIds.js";
 import { InlineCopyTestIdModifiers as a } from "../../testids/index.js";
-const M = /* @__PURE__ */ u({
+const O = /* @__PURE__ */ f({
   __name: "InlineCopy",
   props: {
     text: { default: "" },
@@ -18,8 +18,9 @@ const M = /* @__PURE__ */ u({
     tooltipText: { default: "Copy to clipboard" },
     tooltipPlacement: { default: "bottom" }
   },
-  setup(t) {
-    const o = t, { copy: s, copied: d } = k({}), m = f(() => {
+  emits: ["copy"],
+  setup(t, { emit: s }) {
+    const o = t, { copy: m, copied: d } = S({}), p = y(() => {
       switch (o.size) {
         case "medium":
           return "0.875rem";
@@ -27,34 +28,34 @@ const M = /* @__PURE__ */ u({
         default:
           return "0.75rem";
       }
-    }), p = async () => {
-      await s(o.text), d.value && S({
+    }), u = async () => {
+      await m(o.text), d.value && V({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
-      });
-    }, l = B(o.testId, a);
-    return (b, N) => (i(), y("div", {
+      }), s("copy");
+    }, l = b(o.testId, a);
+    return (N, P) => (i(), x("div", {
       class: "inline-copy",
-      onClick: p
+      onClick: u
     }, [
-      t.hideTextValue ? h("", !0) : (i(), x(e(I), c({
+      t.hideTextValue ? z("", !0) : (i(), T(e(k), c({
         key: 0,
         variant: "caption",
-        style: { fontSize: e(m) }
+        style: { fontSize: e(p) }
       }, e(l)[e(a).TEXT]), {
         default: n(() => [
-          T(C(t.text), 1)
+          C(h(t.text), 1)
         ]),
         _: 1
       }, 16, ["style"])),
-      r(e(V), {
+      r(e(B), {
         text: t.tooltipText,
         header: t.tooltipHeader,
         placement: t.tooltipPlacement
       }, {
         default: n(() => [
-          r(e(z), c({
+          r(e(I), c({
             class: "icon-copy",
             name: "copy",
             size: t.iconSize || "16px"
@@ -66,5 +67,5 @@ const M = /* @__PURE__ */ u({
   }
 });
 export {
-  M as default
+  O as default
 };

package/components/inlineCopy/index.d.ts

@@ -36,7 +36,9 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"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">;
         default: string;
     };
-}, {}, 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, {
+    copy: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
         required: true;
@@ -73,7 +75,9 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"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">;
         default: string;
     };
-}>>, {
+}>> & {
+    onCopy?: () => any;
+}, {
     text: string;
     size: "small" | "medium";
     testId: string;

package/components/input/v4/TextField.vue.d.ts

@@ -28,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showApply?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
+    inlineErrorTextPlacement?: TooltipPositions;
 }>, {
     modelValue: string;
     placeholder: string;
@@ -51,6 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
+    inlineErrorTextPlacement: string;
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
@@ -87,6 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showApply?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
+    inlineErrorTextPlacement?: TooltipPositions;
 }>, {
     modelValue: string;
     placeholder: string;
@@ -110,6 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
+    inlineErrorTextPlacement: string;
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
@@ -140,6 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
+    inlineErrorTextPlacement: TooltipPositions;
     feedbackText: string;
     feedbackVariant: FeedbackVariant;
     showFeedbackTextIcon: boolean;

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_01778240_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-01778240"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a6457440"]]);
 export {
   p as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_01778240_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as h, normalizeClass as V, renderSlot as C, withCtx as p, createTextVNode as E, toDisplayString as F, withKeys as W, withModifiers as P, createVNode as k } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as E, normalizeClass as L, renderSlot as P, withCtx as h, createTextVNode as V, toDisplayString as C, withKeys as W, withModifiers as F, createVNode as p } from "vue";
 import v from "../../icon/v4/IconV4.vue.js";
 import j from "../../tooltip/v4/TooltipV4.vue.js";
 import $ from "../../typography/v4/Typography.vue.js";
@@ -11,7 +11,7 @@ import { useTestIdAttrs as X } from "../../../utils/testIds.js";
 const Y = {
   key: 0,
   class: "icon-container icon-before"
-}, Z = ["value", "placeholder", "disabled", "type", "step", "maxlength"], _ = ["onClick"], ee = {
+}, Z = ["maxlength", "value", "placeholder", "disabled", "type", "step"], _ = ["onClick"], ee = {
   key: 3,
   class: "inline-error"
 }, te = {
@@ -33,7 +33,7 @@ const Y = {
     mandatory: { type: Boolean, default: !1 },
     feedbackVariant: { default: null },
     feedbackText: { default: "" },
-    feedbackPositionAbsolute: { type: Boolean, default: !0 },
+    feedbackPositionAbsolute: { type: Boolean, default: !1 },
     showFeedbackTextIcon: { type: Boolean, default: !1 },
     autoFocus: { type: Boolean, default: !1 },
     type: { default: "text" },
@@ -48,24 +48,25 @@ const Y = {
     maxLength: { default: null },
     showApply: { type: Boolean, default: !1 },
     inlineError: { type: Boolean, default: !1 },
-    inlineErrorText: { default: "" }
+    inlineErrorText: { default: "" },
+    inlineErrorTextPlacement: { default: "top" }
   },
   emits: ["update:modelValue", "apply"],
-  setup(e, { expose: z, emit: w }) {
+  setup(e, { expose: z, emit: k }) {
     const s = e, c = X(s.testId, f), O = () => {
-      s.showApply ? w("apply") : o?.confirmable && N();
-    }, D = () => g.value.focus(), {
+      s.showApply ? k("apply") : o?.confirmable && N();
+    }, D = () => w.value.focus(), {
       onConfirm: N,
       onEnter: T,
-      inputRef: g,
+      inputRef: w,
       isFocused: x,
-      showLabelInside: I,
+      showLabelInside: g,
       api: o,
       labelText: S,
       sizeClass: H,
-      handleInput: B,
-      handleKeypress: A
-    } = q(s, w), L = b(() => o.value?.value ?? s.modelValue), R = b(() => (L.value || "").length), m = G(!1), K = b(() => m.value && s.type === "password" ? "text" : s.type);
+      handleInput: I,
+      handleKeypress: B
+    } = q(s, k), A = b(() => o.value?.value ?? s.modelValue), R = b(() => (A.value || "").length), m = G(!1), K = b(() => m.value && s.type === "password" ? "text" : s.type);
     return z({
       manualFocus: D
     }), (u, a) => (l(), r("div", y({
@@ -84,86 +85,88 @@ const Y = {
         disabled: e.disabled,
         "test-id": e.testId
       }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
-      h("div", {
-        class: V({
+      E("div", {
+        class: L({
           "input-container": !0,
-          "label-inside": t(I),
+          "label-inside": t(g),
           focused: t(x)
         })
       }, [
         u.$slots.iconBefore ? (l(), r("div", Y, [
-          C(u.$slots, "iconBefore", {}, void 0, !0)
+          P(u.$slots, "iconBefore", {}, void 0, !0)
         ])) : n("", !0),
         e.prefix ? (l(), d(t($), {
           key: 1,
           class: "prefix-text",
           variant: "body1"
         }, {
-          default: p(() => [
-            E(F(e.prefix), 1)
+          default: h(() => [
+            V(C(e.prefix), 1)
           ]),
           _: 1
         })) : n("", !0),
-        h("input", y({ ...u.$attrs, ...t(c)[t(f).FIELD] }, {
+        E("input", y({
           ref_key: "inputRef",
-          ref: g,
-          value: t(L),
+          ref: w,
+          maxlength: e.maxLength
+        }, { ...u.$attrs, ...t(c)[t(f).FIELD] }, {
+          value: t(A),
           placeholder: t(S),
           disabled: e.disabled || e.viewOnly,
           type: t(K),
           class: ["input", {
             [t(H)]: !0,
             "view-only": e.viewOnly,
-            "label-inside": t(I),
+            "label-inside": t(g),
             "hide-arrows": e.hideNumberArrows,
             "input-type": e.type
           }],
           step: e.step,
-          maxlength: e.maxLength,
           onInput: a[0] || (a[0] = //@ts-ignore
-          (...i) => t(B) && t(B)(...i)),
+          (...i) => t(I) && t(I)(...i)),
           onFocus: a[1] || (a[1] = (i) => x.value = !0),
           onBlur: a[2] || (a[2] = (i) => x.value = !1),
-          onKeyup: a[3] || (a[3] = W(P(
+          onKeyup: a[3] || (a[3] = W(F(
             //@ts-ignore
             (...i) => t(T) && t(T)(...i),
             ["prevent"]
           ), ["enter"])),
           onKeypress: a[4] || (a[4] = //@ts-ignore
-          (...i) => t(A) && t(A)(...i))
+          (...i) => t(B) && t(B)(...i))
         }), null, 16, Z),
         e.showApply || t(o)?.confirmable && !t(o)?.error?.value ? (l(), r("div", {
           key: 2,
           class: "apply-button",
-          onClick: P(O, ["stop", "prevent"])
+          onClick: F(O, ["stop", "prevent"])
         }, [
-          k(t(v), {
+          p(t(v), {
             name: "check",
             size: "20px"
           })
         ], 8, _)) : n("", !0),
         e.inlineError || t(o)?.error?.value ? (l(), r("div", ee, [
-          k(t(j), y({
+          p(t(j), y({
             disabled: !e.inlineErrorText && !t(o)?.error?.value,
             text: e.inlineErrorText || t(o)?.error?.value,
-            "test-id": e.testId
+            "test-id": e.testId,
+            placement: e.inlineErrorTextPlacement
           }, t(c)[t(f).TOOLTIP]), {
-            default: p(() => [
-              k(t(v), {
+            default: h(() => [
+              p(t(v), {
                 name: "warning-circle",
                 size: "16px"
               })
             ]),
             _: 1
-          }, 16, ["disabled", "text", "test-id"])
+          }, 16, ["disabled", "text", "test-id", "placement"])
         ])) : n("", !0),
         e.suffix ? (l(), d(t($), {
           key: 4,
           class: "suffix-text",
           variant: "body1"
         }, {
-          default: p(() => [
-            E(F(e.suffix), 1)
+          default: h(() => [
+            V(C(e.suffix), 1)
           ]),
           _: 1
         })) : n("", !0),
@@ -184,12 +187,12 @@ const Y = {
           }))
         ], 16)) : n("", !0),
         u.$slots.iconAfter ? (l(), r("div", te, [
-          C(u.$slots, "iconAfter", {}, void 0, !0)
+          P(u.$slots, "iconAfter", {}, void 0, !0)
         ])) : n("", !0)
       ], 2),
       e.feedbackText || e.maxLength ? (l(), r("div", {
         key: 1,
-        class: V(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
+        class: L(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
       }, [
         e.feedbackText ? (l(), d(Q, {
           key: 0,
@@ -197,16 +200,13 @@ const Y = {
           variant: e.feedbackVariant,
           "show-icon": e.showFeedbackTextIcon,
           "test-id": e.testId
-        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0)
-      ], 2)) : n("", !0),
-      h("div", null, [
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0),
         e.maxLength ? (l(), d(U, {
-          key: 0,
-          class: "field-max-length",
+          key: 1,
           "current-length": t(R),
           "max-length": e.maxLength
         }, null, 8, ["current-length", "max-length"])) : n("", !0)
-      ])
+      ], 2)) : n("", !0)
     ], 16));
   }
 });

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

@@ -26,6 +26,7 @@ declare const TextFieldTypes: () => ({
             showApply: boolean;
             inlineError: boolean;
             inlineErrorText: string;
+            inlineErrorTextPlacement: "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";
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
             showFeedbackTextIcon: boolean;
@@ -119,6 +120,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            inlineErrorTextPlacement: {
+                type: import("vue").PropType<"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">;
+                default: string;
+            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -138,7 +143,7 @@ declare const TextFieldTypes: () => ({
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onApply?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -241,6 +246,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            inlineErrorTextPlacement: {
+                type: import("vue").PropType<"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">;
+                default: string;
+            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -288,6 +297,7 @@ declare const TextFieldTypes: () => ({
             showApply: boolean;
             inlineError: boolean;
             inlineErrorText: string;
+            inlineErrorTextPlacement: "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";
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
             showFeedbackTextIcon: boolean;
@@ -401,6 +411,10 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        inlineErrorTextPlacement: {
+            type: import("vue").PropType<"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">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -515,6 +529,10 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    inlineErrorTextPlacement: {
+        type: import("vue").PropType<"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">;
+        default: string;
+    };
     feedbackText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -562,6 +580,7 @@ declare const TextFieldTypes: () => ({
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
+    inlineErrorTextPlacement: "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";
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
     showFeedbackTextIcon: boolean;

package/components/multibar/MultiBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./MultiBar.vue2.js";
-/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b473b35e"]]);
+/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-71617643"]]);
 export {
   p as default
 };

package/components/multibar/MultiBar.vue2.js

@@ -1,4 +1,4 @@
- import "../../MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as c, Transition as g, withCtx as u, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as e, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
 import { useVModel as $ } from "@vueuse/core";
 import E from "../typography/v4/Typography.vue.js";
 import S from "../button/v4/ButtonV4.vue.js";
@@ -27,67 +27,67 @@ const O = { class: "multi-bar-panel" }, R = {
   },
   emits: ["update:modelValue", "close", "action"],
   setup(o, { emit: s }) {
-    const e = o, f = $(e, "modelValue", s), I = () => {
+    const t = o, f = $(t, "modelValue", s), I = () => {
       f.value = !1, s("close");
     }, b = (a) => {
       s("action", a);
     }, p = v(
-      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(0, e.visibleActionsCount) : e.actions
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(0, t.visibleActionsCount) : t.actions
     ), C = v(
-      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
-    ), y = L(e.testId, n);
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(t.visibleActionsCount) : []
+    ), y = L(t.testId, n);
     return (a, F) => (l(), d(x, {
       to: "body",
       disabled: !o.appendToBody
     }, [
-      c(g, { name: "multi-bar" }, {
-        default: u(() => [
-          t(f) ? (l(), r("div", B({
+      u(g, { name: "multi-bar" }, {
+        default: c(() => [
+          e(f) ? (l(), r("div", B({
             key: 0,
             class: ["multi-bar", {
               "light-theme-v4": !0,
               "multi-bar--fixed": o.appendToBody,
-              "multi-bar--sticky": !o.appendToBody,
+              "multi-bar--absolute": !o.appendToBody,
               "multi-bar--small": o.size === "small",
               "multi-bar--medium": o.size === "medium",
               "multi-bar--left": o.position === "left"
             }],
             style: { zIndex: o.zIndex }
-          }, { ...a.$attrs, ...t(y)[t(n).WRAPPER] }), [
+          }, { ...a.$attrs, ...e(y)[e(n).WRAPPER] }), [
             V("div", O, [
-              c(t(P), B({
+              u(e(P), B({
                 "icon-name": "x",
                 class: "close-icon"
-              }, t(y)[t(n).CLOSE_BTN], { onClick: I }), null, 16),
+              }, e(y)[e(n).CLOSE_BTN], { onClick: I }), null, 16),
               o.selectedCount ? (l(), r("div", R, [
-                c(t(E), { variant: "body1" }, {
-                  default: u(() => [
+                u(e(E), { variant: "body1" }, {
+                  default: c(() => [
                     h(A(o.selectedCount) + " selected ", 1)
                   ]),
                   _: 1
                 })
               ])) : m("", !0),
-              (l(!0), r(z, null, M(t(p), (i, T) => (l(), d(t(S), {
+              (l(!0), r(z, null, M(e(p), (i, T) => (l(), d(e(S), {
                 key: i.id,
                 class: N(["action-button", {
-                  "action-button--last": T === t(p).length - 1
+                  "action-button--last": T === e(p).length - 1
                 }]),
                 variant: "text",
                 color: "default",
                 "start-icon-name": i.icon,
-                "data-testid": `${e.testId}-${t(n).ACTION}-${i.id}`,
+                "data-testid": `${t.testId}-${e(n).ACTION}-${i.id}`,
                 disabled: i.disabled,
                 onClick: (U) => b(i)
               }, {
-                default: u(() => [
+                default: c(() => [
                   h(A(i.title), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
-              t(C).length ? (l(), d(w, {
+              e(C).length ? (l(), d(w, {
                 key: 1,
-                "menu-items": t(C),
-                "test-id": `${e.testId}-${t(n).MENU}`,
+                "menu-items": e(C),
+                "test-id": `${t.testId}-${e(n).MENU}`,
                 onSelected: b
               }, null, 8, ["menu-items", "test-id"])) : m("", !0)
             ])

package/components/shared/FieldLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldLabel.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-72ab1f25"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-96ee1c98"]]);
 export {
-  a as default
+  c as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,10 +1,10 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
-import h from "../icon/v3/Icon.vue.js";
-import y from "../tooltip/v4/TooltipV4.vue.js";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
+import h from "../icon/v4/IconV4.vue.js";
+import x from "../tooltip/v4/TooltipV4.vue.js";
 import c from "../typography/v4/Typography.vue.js";
 import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
-import { useTestIdAttrs as v } from "../../utils/testIds.js";
-const x = {
+import { useTestIdAttrs as y } from "../../utils/testIds.js";
+const v = {
   key: 0,
   class: "description"
 }, L = /* @__PURE__ */ p({
@@ -19,7 +19,7 @@ const x = {
     testId: { default: "" }
   },
   setup(t) {
-    const l = v(t.testId, a);
+    const l = y(t.testId, a);
     return (N, g) => (o(), m(T, null, [
       b("div", d({
         class: ["field-label", {
@@ -46,7 +46,7 @@ const x = {
           ]),
           _: 1
         }, 16)) : s("", !0),
-        t.hoverHelpText ? (o(), u(e(y), d({
+        t.hoverHelpText ? (o(), u(e(x), d({
           key: 1,
           triggers: ["hover"],
           text: t.hoverHelpText,
@@ -56,13 +56,13 @@ const x = {
             r(e(h), {
               class: "info-icon",
               name: "question",
-              "font-size": "sm"
+              size: "16px"
             })
           ]),
           _: 1
         }, 16, ["text", "placement", "test-id"])) : s("", !0)
       ], 16),
-      t.description ? (o(), m("div", x, [
+      t.description ? (o(), m("div", v, [
         r(e(c), { variant: "body2" }, {
           default: i(() => [
             n(f(t.description), 1)

package/components/table/v4/DataGrid.vue.d.ts

@@ -62,6 +62,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         cellIndex: number;
     }) => void;
     loadMore: () => void;
+    selectAll: (value: boolean) => void;
+    selectRow: (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     columns: Column[];
@@ -113,6 +115,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchAutoFocus: boolean;
     zIndexBase: number;
 }>>> & {
+    onSelectAll?: (value: boolean) => any;
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: Sort) => any;
     onSaveRow?: (args_0: {
@@ -125,6 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:search"?: (query: string) => any;
     "onUpdate:selection"?: (selection: unknown[]) => any;
     onOnClearSearch?: () => any;
+    onSelectRow?: (value: boolean) => any;
 }, {
     sort: Sort;
     title: string;