@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.50

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

@@ -1,27 +1,27 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_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 = {
-  key: 4,
+}, 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.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.suffix ? (l(), r(t(D), {
-          key: 5,
-          class: "suffix-text",
-          variant: "body1"
-        }, {
-          default: b(() => [
-            V($(e.suffix), 1)
-          ]),
-          _: 1
-        })) : 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/multibar/MultiBarMenu.vue2.js

@@ -8,9 +8,10 @@ import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import g from "../dropdown/v4/OptionV4.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
 import x from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-const S = /* @__PURE__ */ a({
+const h = /* @__PURE__ */ a({
   __name: "MultiBarMenu",
   props: {
     menuItems: { default: () => [] },
@@ -56,5 +57,5 @@ const S = /* @__PURE__ */ a({
   }
 });
 export {
-  S as default
+  h as default
 };

package/components/popover/v4/PopoverV4.vue.d.ts

@@ -1,5 +1,6 @@
 import { Placement } from 'floating-vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isOpen?: boolean;
     autoHide?: boolean;
     trigger?: "hover" | "click" | "focus" | "touch" | "managed";
     disabled?: boolean;
@@ -8,7 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding?: number;
     testId?: string;
     popperClass?: string;
+    container?: string;
 }>, {
+    isOpen: boolean;
     trigger: string;
     autoHide: boolean;
     disabled: boolean;
@@ -17,9 +20,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     testId: string;
     popperClass: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    container: string;
+}>, {
+    toggle: (value?: boolean) => boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     isOpen: (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isOpen?: boolean;
     autoHide?: boolean;
     trigger?: "hover" | "click" | "focus" | "touch" | "managed";
     disabled?: boolean;
@@ -28,7 +35,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding?: number;
     testId?: string;
     popperClass?: string;
+    container?: string;
 }>, {
+    isOpen: boolean;
     trigger: string;
     autoHide: boolean;
     disabled: boolean;
@@ -37,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     testId: string;
     popperClass: string;
+    container: string;
 }>>> & {
     onIsOpen?: (value: boolean) => any;
 }, {
@@ -44,8 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement: Placement;
     disabled: boolean;
     distance: number;
-    popperClass: string;
+    container: string;
     autoHide: boolean;
+    popperClass: string;
+    isOpen: boolean;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
     skidding: number;
 }>, {

package/components/popover/v4/PopoverV4.vue.js

@@ -1,7 +1,8 @@
 import o from "./PopoverV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-74bbce13"]]);
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css"; //*');
+// import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-66694b4e"]]);
 export {
-  s as default
+  r as default
 };

package/components/popover/v4/PopoverV4.vue2.js

@@ -1,9 +1,10 @@
- import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css"; import { defineComponent as m, watch as c, openBlock as d, createBlock as f, unref as o, withCtx as i, createElementBlock as g, renderSlot as n, createCommentVNode as k, createElementVNode as v } from "vue";
-import { Dropdown as h } from "floating-vue";
-import { popoverCommon as C } from "../common/Popover.common.js";
-const w = ["data-testid"], b = /* @__PURE__ */ m({
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, watch as s, openBlock as p, createBlock as y, unref as a, withCtx as u, createElementBlock as h, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
+import { Dropdown as w } from "floating-vue";
+import { popoverCommon as $ } from "../common/Popover.common.js";
+const O = ["data-testid"], H = /* @__PURE__ */ k({
   __name: "PopoverV4",
   props: {
+    isOpen: { type: Boolean, default: !1 },
     autoHide: { type: Boolean, default: !1 },
     trigger: { default: "click" },
     disabled: { type: Boolean, default: !1 },
@@ -11,47 +12,62 @@ const w = ["data-testid"], b = /* @__PURE__ */ m({
     distance: { default: 0 },
     skidding: { default: 0 },
     testId: { default: "" },
-    popperClass: { default: "" }
+    popperClass: { default: "" },
+    container: { default: "body" }
   },
   emits: ["isOpen"],
-  setup(e, { emit: p }) {
-    const { popup: s, open: t, toggle: l, triggerRef: u } = C();
-    return c(t, () => {
-      p("isOpen", t.value);
-    }), (a, r) => (d(), f(o(h), {
+  setup(e, { expose: f, emit: m }) {
+    const i = e, { popup: c, open: t, toggle: d, triggerRef: v } = $();
+    s(t, () => {
+      m("isOpen", t.value);
+    }), s(
+      () => i.isOpen,
+      (o) => {
+        d(o);
+      }
+    );
+    const r = (o) => {
+      i.trigger === o && (t.value = !t.value);
+    };
+    return f({
+      toggle: d
+    }), (o, n) => (p(), y(a(w), {
       theme: "custom-popover",
       placement: e.placement,
-      shown: !!o(t),
+      shown: !!a(t),
       triggers: e.trigger === "managed" ? [] : [e.trigger],
       "auto-hide": e.autoHide,
       distance: e.distance,
       skidding: e.skidding,
+      container: e.container,
       "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
     }, {
-      popper: i(() => [
-        o(t) ? (d(), g("div", {
+      popper: u(() => [
+        a(t) ? (p(), h("div", {
           key: 0,
           ref_key: "popup",
-          ref: s,
+          ref: c,
           class: "menu-popup",
           "data-testid": e.testId
         }, [
-          n(a.$slots, "content", {}, void 0, !0)
-        ], 8, w)) : k("", !0)
+          g(o.$slots, "content", {}, void 0, !0)
+        ], 8, O)) : B("", !0)
       ]),
-      default: i(() => [
-        v("div", {
+      default: u(() => [
+        C("div", {
           ref_key: "triggerRef",
-          ref: u,
-          onClick: r[0] || (r[0] = (y) => o(l)(!o(t)))
+          ref: v,
+          onClick: n[0] || (n[0] = (l) => r("click")),
+          onMouseenter: n[1] || (n[1] = (l) => r("hover")),
+          onMouseleave: n[2] || (n[2] = (l) => r("hover"))
         }, [
-          n(a.$slots, "trigger", {}, void 0, !0)
-        ], 512)
+          g(o.$slots, "trigger", {}, void 0, !0)
+        ], 544)
       ]),
       _: 3
-    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "popper-class"]));
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "container", "popper-class"]));
   }
 });
 export {
-  b as default
+  H as default
 };