@ironsource/shared-ui 2.1.11-test.99 → 2.1.12-rc.0

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

@@ -1,27 +1,27 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css"; import { defineComponent as ee, computed as o, ref as te, openBlock as n, createElementBlock as u, mergeProps as f, unref as e, createBlock as d, createCommentVNode as i, createVNode as x, withCtx as h, createElementVNode as O, normalizeClass as V, renderSlot as $, createTextVNode as z, toDisplayString as D, withKeys as le, withModifiers as N, normalizeProps as H } from "vue";
 import v from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import X from "../../tooltip/v4/TooltipV4.vue.js";
-import D from "../../typography/v4/Typography.vue.js";
+import S from "../../tooltip/v4/TooltipV4.vue.js";
+import R from "../../typography/v4/Typography.vue.js";
 import { InputTestIdModifiers as m } from "../../../testids/index.js";
-import { inputCommon as Y } from "../common/Input.common.js";
-import Z from "../../shared/FieldLabel.vue.js";
-import _ from "../../shared/FieldHelpText.vue.js";
-import N from "../../shared/FieldMaxLength.vue.js";
-import { useTestIdAttrs as ee } from "../../../utils/testIds.js";
-const te = {
+import { inputCommon as ne } from "../common/Input.common.js";
+import ae from "../../shared/FieldLabel.vue.js";
+import oe from "../../shared/FieldHelpText.vue.js";
+import W from "../../shared/FieldMaxLength.vue.js";
+import { useTestIdAttrs as ie } from "../../../utils/testIds.js";
+const re = {
   key: 0,
   class: "icon-container icon-before"
-}, le = ["maxlength", "value", "placeholder", "disabled", "type", "step"], ae = ["onClick"], ne = {
+}, se = ["maxlength", "value", "placeholder", "disabled", "type", "step"], de = ["onClick"], ue = {
   key: 5,
   class: "inline-error"
-}, oe = {
+}, fe = {
   key: 7,
   class: "icon-container icon-after"
-}, ie = {
+}, ce = {
   inheritAttrs: !1
-}, be = /* @__PURE__ */ J({
-  ...ie,
+}, Ie = /* @__PURE__ */ ee({
+  ...ce,
   __name: "TextField",
   props: {
     modelValue: { default: "" },
@@ -54,168 +54,188 @@ const te = {
     inlineErrorTextPlacement: { default: "top" }
   },
   emits: ["update:modelValue", "apply"],
-  setup(e, { expose: S, emit: k }) {
-    const o = e, y = ee(o.testId, m), H = () => {
-      o.showApply ? k("apply") : s?.confirmable && K();
-    }, R = () => g.value.focus(), {
-      onConfirm: K,
-      onEnter: T,
+  setup(t, { expose: K, emit: k }) {
+    const l = t, y = ie(l.testId, m), M = () => {
+      l.showApply ? k("apply") : r?.confirmable && U();
+    }, G = () => g.value.focus(), {
+      onConfirm: U,
+      onEnter: w,
       inputRef: g,
-      isFocused: h,
-      showLabelInside: w,
-      api: s,
-      labelText: M,
-      sizeClass: G,
+      isFocused: b,
+      showLabelInside: I,
+      api: r,
+      labelText: j,
+      sizeClass: q,
       handleInput: L,
-      handleKeypress: I
-    } = Y(o, k), P = f(() => s.value?.value ?? o.modelValue), W = f(() => (P.value || "").length), B = f(() => ({
-      currentLength: W.value,
-      maxLength: o.maxLength
-    })), C = f(
-      () => o.maxLength && o.maxLengthCounterPosition === "outside"
-    ), j = f(
-      () => o.feedbackText || C.value
-    ), x = Q(!1), q = f(() => x.value && o.type === "password" ? "text" : o.type);
-    return S({
-      manualFocus: R
-    }), (u, a) => (l(), d("div", c({
+      handleKeypress: P
+    } = ne(l, k), C = o(() => r.value?.value ?? l.modelValue), J = o(() => (C.value || "").length), E = o(() => ({
+      currentLength: J.value,
+      maxLength: l.maxLength
+    })), A = o(
+      () => l.maxLength && l.maxLengthCounterPosition === "outside"
+    ), Q = o(
+      () => l.feedbackText || A.value
+    ), T = o(
+      () => !l.inlineErrorText && !r?.error?.value
+    ), B = o(
+      () => l.inlineErrorText || r?.error?.value
+    ), X = o(
+      () => (l.inlineError || r?.withIcons) && !T.value
+    ), Y = o(
+      () => !l.inlineError && !r?.withIcons && !T.value
+    ), Z = o(
+      () => l.showApply || r?.confirmable && r?.withIcons && !r?.error?.value
+    ), F = o(
+      () => r?.error?.value ? "error" : l.feedbackVariant
+    ), p = te(!1), _ = o(() => p.value && l.type === "password" ? "text" : l.type);
+    return K({
+      manualFocus: G
+    }), (c, a) => (n(), u("div", f({
       class: {
         "input-with-label-container": !0,
-        disabled: e.disabled,
-        [`variant-${e.feedbackVariant}`]: !0
+        disabled: t.disabled,
+        [`variant-${e(F)}`]: !0
       }
-    }, t(y)[t(m).WRAPPER]), [
-      e.label && e.labelDirection !== "inside" ? (l(), r(Z, {
+    }, e(y)[e(m).WRAPPER]), [
+      t.label && t.labelDirection !== "inside" ? (n(), d(ae, {
         key: 0,
-        label: e.label,
-        mandatory: e.mandatory,
-        "hover-help-text": e.hoverHelpText,
-        "hover-help-text-placement": e.hoverHelpTextPlacement,
-        disabled: e.disabled,
-        "test-id": e.testId
-      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
-      A("div", {
-        class: E({
-          "input-container": !0,
-          "label-inside": t(w),
-          focused: t(h)
-        })
-      }, [
-        u.$slots.iconBefore ? (l(), d("div", te, [
-          F(u.$slots, "iconBefore", {}, void 0, !0)
-        ])) : n("", !0),
-        e.prefix ? (l(), r(t(D), {
-          key: 1,
-          class: "prefix-text",
-          variant: "body1"
-        }, {
-          default: b(() => [
-            V($(e.prefix), 1)
-          ]),
-          _: 1
-        })) : n("", !0),
-        A("input", c({
-          ref_key: "inputRef",
-          ref: g,
-          maxlength: e.maxLength
-        }, { ...u.$attrs, ...t(y)[t(m).FIELD] }, {
-          value: t(P),
-          placeholder: t(M),
-          disabled: e.disabled || e.viewOnly,
-          type: t(q),
-          class: ["input", {
-            [t(G)]: !0,
-            "view-only": e.viewOnly,
-            "label-inside": t(w),
-            "hide-arrows": e.hideNumberArrows,
-            "input-type": e.type
-          }],
-          step: e.step,
-          onInput: a[0] || (a[0] = //@ts-ignore
-          (...i) => t(L) && t(L)(...i)),
-          onFocus: a[1] || (a[1] = (i) => h.value = !0),
-          onBlur: a[2] || (a[2] = (i) => h.value = !1),
-          onKeyup: a[3] || (a[3] = U(z(
-            //@ts-ignore
-            (...i) => t(T) && t(T)(...i),
-            ["prevent"]
-          ), ["enter"])),
-          onKeypress: a[4] || (a[4] = //@ts-ignore
-          (...i) => t(I) && t(I)(...i))
-        }), null, 16, le),
-        e.maxLength && e.maxLengthCounterPosition === "inside" ? (l(), r(N, O(c({ key: 2 }, t(B))), null, 16)) : n("", !0),
-        e.showApply || t(s)?.confirmable && !t(s)?.error?.value ? (l(), d("div", {
-          key: 3,
-          class: "apply-button",
-          onClick: z(H, ["stop", "prevent"])
-        }, [
-          p(t(v), {
-            name: "check",
-            size: "20px"
-          })
-        ], 8, ae)) : n("", !0),
-        e.suffix ? (l(), r(t(D), {
-          key: 4,
-          class: "suffix-text",
-          variant: "body1"
-        }, {
-          default: b(() => [
-            V($(e.suffix), 1)
-          ]),
-          _: 1
-        })) : n("", !0),
-        e.inlineError || t(s)?.error?.value ? (l(), d("div", ne, [
-          p(t(X), c({
-            disabled: !e.inlineErrorText && !t(s)?.error?.value,
-            text: e.inlineErrorText || t(s)?.error?.value,
-            "test-id": e.testId,
-            placement: e.inlineErrorTextPlacement
-          }, t(y)[t(m).TOOLTIP]), {
-            default: b(() => [
-              p(t(v), {
-                name: "warning-circle",
-                size: "16px"
+        label: t.label,
+        mandatory: t.mandatory,
+        "hover-help-text": t.hoverHelpText,
+        "hover-help-text-placement": t.hoverHelpTextPlacement,
+        disabled: t.disabled,
+        "test-id": t.testId
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : i("", !0),
+      x(e(S), f({
+        disabled: !e(Y),
+        text: e(B),
+        placement: t.inlineErrorTextPlacement
+      }, e(y)[e(m).TOOLTIP_WITHOUT_ICON]), {
+        default: h(() => [
+          O("div", {
+            class: V({
+              "input-container": !0,
+              "label-inside": e(I),
+              focused: e(b)
+            })
+          }, [
+            c.$slots.iconBefore ? (n(), u("div", re, [
+              $(c.$slots, "iconBefore", {}, void 0, !0)
+            ])) : i("", !0),
+            t.prefix ? (n(), d(e(R), {
+              key: 1,
+              class: "prefix-text",
+              variant: "body1"
+            }, {
+              default: h(() => [
+                z(D(t.prefix), 1)
+              ]),
+              _: 1
+            })) : i("", !0),
+            O("input", f({
+              ref_key: "inputRef",
+              ref: g,
+              maxlength: t.maxLength
+            }, { ...c.$attrs, ...e(y)[e(m).FIELD] }, {
+              value: e(C),
+              placeholder: e(j),
+              disabled: t.disabled || t.viewOnly,
+              type: e(_),
+              class: ["input", {
+                [e(q)]: !0,
+                "view-only": t.viewOnly,
+                "label-inside": e(I),
+                "hide-arrows": t.hideNumberArrows,
+                "input-type": t.type
+              }],
+              step: t.step,
+              onInput: a[0] || (a[0] = //@ts-ignore
+              (...s) => e(L) && e(L)(...s)),
+              onFocus: a[1] || (a[1] = (s) => b.value = !0),
+              onBlur: a[2] || (a[2] = (s) => b.value = !1),
+              onKeyup: a[3] || (a[3] = le(N(
+                //@ts-ignore
+                (...s) => e(w) && e(w)(...s),
+                ["prevent"]
+              ), ["enter"])),
+              onKeypress: a[4] || (a[4] = //@ts-ignore
+              (...s) => e(P) && e(P)(...s))
+            }), null, 16, se),
+            t.maxLength && t.maxLengthCounterPosition === "inside" ? (n(), d(W, H(f({ key: 2 }, e(E))), null, 16)) : i("", !0),
+            e(Z) ? (n(), u("div", {
+              key: 3,
+              class: "apply-button",
+              onClick: N(M, ["stop", "prevent"])
+            }, [
+              x(e(v), {
+                name: "check",
+                size: "20px"
               })
-            ]),
-            _: 1
-          }, 16, ["disabled", "text", "test-id", "placement"])
-        ])) : n("", !0),
-        e.type === "password" ? (l(), d("div", c({
-          key: 6,
-          class: "password-visibility-toggle"
-        }, t(y)[t(m).TOGGLE_PASSWORD], {
-          onClick: a[5] || (a[5] = (i) => x.value = !x.value)
-        }), [
-          x.value ? (l(), r(t(v), {
-            key: 0,
-            name: "eye",
-            size: "16px"
-          })) : (l(), r(t(v), {
-            key: 1,
-            name: "eye-slash",
-            size: "16px"
-          }))
-        ], 16)) : n("", !0),
-        u.$slots.iconAfter ? (l(), d("div", oe, [
-          F(u.$slots, "iconAfter", {}, void 0, !0)
-        ])) : n("", !0)
-      ], 2),
-      t(j) ? (l(), d("div", {
+            ], 8, de)) : i("", !0),
+            t.suffix ? (n(), d(e(R), {
+              key: 4,
+              class: "suffix-text",
+              variant: "body1"
+            }, {
+              default: h(() => [
+                z(D(t.suffix), 1)
+              ]),
+              _: 1
+            })) : i("", !0),
+            e(X) ? (n(), u("div", ue, [
+              x(e(S), f({
+                disabled: e(T),
+                text: e(B),
+                placement: t.inlineErrorTextPlacement
+              }, e(y)[e(m).TOOLTIP]), {
+                default: h(() => [
+                  x(e(v), {
+                    name: "warning-circle",
+                    size: "16px"
+                  })
+                ]),
+                _: 1
+              }, 16, ["disabled", "text", "placement"])
+            ])) : i("", !0),
+            t.type === "password" ? (n(), u("div", f({
+              key: 6,
+              class: "password-visibility-toggle"
+            }, e(y)[e(m).TOGGLE_PASSWORD], {
+              onClick: a[5] || (a[5] = (s) => p.value = !p.value)
+            }), [
+              p.value ? (n(), d(e(v), {
+                key: 0,
+                name: "eye",
+                size: "16px"
+              })) : (n(), d(e(v), {
+                key: 1,
+                name: "eye-slash",
+                size: "16px"
+              }))
+            ], 16)) : i("", !0),
+            c.$slots.iconAfter ? (n(), u("div", fe, [
+              $(c.$slots, "iconAfter", {}, void 0, !0)
+            ])) : i("", !0)
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["disabled", "text", "placement"]),
+      e(Q) ? (n(), u("div", {
         key: 1,
-        class: E(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
+        class: V(["footer", t.feedbackPositionAbsolute && "footer-absolute"])
       }, [
-        e.feedbackText ? (l(), r(_, {
+        t.feedbackText ? (n(), d(oe, {
           key: 0,
-          text: e.feedbackText,
-          variant: e.feedbackVariant,
-          "show-icon": e.showFeedbackTextIcon,
-          "test-id": e.testId
-        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0),
-        t(C) ? (l(), r(N, O(c({ key: 1 }, t(B))), null, 16)) : n("", !0)
-      ], 2)) : n("", !0)
+          text: t.feedbackText,
+          variant: e(F),
+          "show-icon": t.showFeedbackTextIcon,
+          "test-id": t.testId
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : i("", !0),
+        e(A) ? (n(), d(W, H(f({ key: 1 }, e(E))), null, 16)) : i("", !0)
+      ], 2)) : i("", !0)
     ], 16));
   }
 });
 export {
-  be as default
+  Ie as default
 };

package/components/snackbar/v4/SnackbarV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SnackbarV4.vue2.js";
-/* empty css                 */import a from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; //*');
-const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-89fe8aa1"]]);
+/* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css"; //*');
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1b650c39"]]);
 export {
   r as default
 };

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as d, Transition as O, withCtx as f, withDirectives as I, createElementVNode as a, mergeProps as l, unref as t, createVNode as z, createTextVNode as T, toDisplayString as h, createCommentVNode as u, renderSlot as B, vShow as N, createElementBlock as S, Fragment as V, renderList as x, withModifiers as U } from "vue";
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as d, Transition as O, withCtx as f, withDirectives as I, createElementVNode as a, mergeProps as l, unref as t, createVNode as z, createTextVNode as T, toDisplayString as h, createCommentVNode as u, renderSlot as B, vShow as N, createElementBlock as S, Fragment as V, renderList as x, withModifiers as U } from "vue";
 import D from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import H from "../../button/v4/ButtonV4.vue.js";

package/components/sortableList/SortableItem.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSelected?: boolean;
     selectedChildId?: string | number;
     searchQuery?: string;
+    childListMaxHeight: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
     displayValue: (item: SortableListItem) => string;
 }>, {
@@ -15,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selectedChildId: any;
     searchQuery: any;
     index: any;
+    childListMaxHeight: string;
     searchHandler: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: (value: boolean) => void;
@@ -27,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSelected?: boolean;
     selectedChildId?: string | number;
     searchQuery?: string;
+    childListMaxHeight: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
     displayValue: (item: SortableListItem) => string;
 }>, {
@@ -36,6 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selectedChildId: any;
     searchQuery: any;
     index: any;
+    childListMaxHeight: string;
     searchHandler: any;
 }>>> & {
     onSelect?: () => any;
@@ -47,6 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSelected: boolean;
     searchQuery: string;
     selectedChildId: string | number;
+    childListMaxHeight: string;
     searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
 }>, {
     menu?(_: {}): any;

package/components/sortableList/SortableItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./SortableItem.vue2.js";
 /* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7cb676f1"]]);
+// import "../../SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-48542664"]]);
 export {
-  c as default
+  p as default
 };