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

package/components/includeExclude/IncludeExclude.vue2.js

@@ -1,5 +1,5 @@
- import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_fb054d88_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
-import Ae from "../popover/Popover.vue.js";
+ import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
+import Ae from "../popover/v3/Popover.vue.js";
 import N from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";

package/components/includeExclude/IncludeExcludeDragDrop.vue.js

@@ -1,7 +1,7 @@
-import o from "./IncludeExcludeDragDrop.vue2.js";
-/* empty css                             */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5764fd61"]]);
+import e from "./IncludeExcludeDragDrop.vue2.js";
+/* empty css                             */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-bd6145ce"]]);
 export {
   p as default
 };

package/components/includeExclude/IncludeExcludeDragDrop.vue2.js

@@ -1,5 +1,5 @@
- import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as Ee, nextTick as Fe } from "vue";
-import $e from "../popover/Popover.vue.js";
+ import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as Ee, nextTick as Fe } from "vue";
+import $e from "../popover/v3/Popover.vue.js";
 import G from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";

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_052b1a0c_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-052b1a0c"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb472aa3"]]);
 export {
-  c as default
+  a as default
 };

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

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

package/components/popover/common/Popover.common.d.ts

@@ -0,0 +1,6 @@
+export declare const popoverCommon: () => {
+    popup: import("vue").Ref<HTMLDivElement>;
+    open: import("vue").Ref<boolean>;
+    toggle: (value?: boolean) => boolean;
+    triggerRef: import("vue").Ref<HTMLDivElement>;
+};

package/components/popover/common/Popover.common.js

@@ -0,0 +1,17 @@
+import { useToggle as p, onClickOutside as g } from "@vueuse/core";
+import { ref as n } from "vue";
+const f = () => {
+  const [o, e] = p(!1), r = n(), t = n();
+  return g(
+    r,
+    () => {
+      o.value && e();
+    },
+    {
+      ignore: [t]
+    }
+  ), { popup: r, open: o, toggle: e, triggerRef: t };
+};
+export {
+  f as popoverCommon
+};

package/components/popover/v3/Popover.vue.js

@@ -0,0 +1,8 @@
+import o from "./Popover.vue2.js";
+/* empty css              *//* empty css              */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css"; //*');
+// import "../../../Popover.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c607b770"]]);
+export {
+  r as default
+};

package/components/popover/{Popover.vue2.js → v3/Popover.vue2.js}

@@ -1,4 +1,4 @@
- import "../../Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css";  import "../../Popover.vue_vue_type_style_index_1_lang.css";  import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
+ import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css";  import "../../../Popover.vue_vue_type_style_index_1_lang.css";  import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
 import { Dropdown as s } from "floating-vue";
 const f = /* @__PURE__ */ n({
   __name: "Popover",

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

@@ -0,0 +1,73 @@
+import { Placement } from 'floating-vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    autoHide?: boolean;
+    trigger?: "touch" | "click" | "focus" | "hover" | "managed";
+    disabled?: boolean;
+    placement?: Placement;
+    distance?: number;
+    skidding?: number;
+    testId?: string;
+    popperClass?: string;
+}>, {
+    trigger: string;
+    autoHide: boolean;
+    disabled: boolean;
+    placement: string;
+    distance: number;
+    skidding: number;
+    testId: string;
+    popperClass: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    autoHide?: boolean;
+    trigger?: "touch" | "click" | "focus" | "hover" | "managed";
+    disabled?: boolean;
+    placement?: Placement;
+    distance?: number;
+    skidding?: number;
+    testId?: string;
+    popperClass?: string;
+}>, {
+    trigger: string;
+    autoHide: boolean;
+    disabled: boolean;
+    placement: string;
+    distance: number;
+    skidding: number;
+    testId: string;
+    popperClass: string;
+}>>>, {
+    disabled: boolean;
+    testId: string;
+    placement: Placement;
+    distance: number;
+    popperClass: string;
+    autoHide: boolean;
+    skidding: number;
+    trigger: "touch" | "click" | "focus" | "hover" | "managed";
+}>, {
+    trigger?(_: {}): any;
+    content?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+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_c54cd089_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c54cd089"]]);
+export {
+  r as default
+};

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

@@ -0,0 +1,54 @@
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css"; import { defineComponent as u, openBlock as d, createBlock as m, unref as t, withCtx as i, createElementBlock as f, renderSlot as n, createCommentVNode as g, createElementVNode as c } from "vue";
+import { Dropdown as k } from "floating-vue";
+import { popoverCommon as v } from "../common/Popover.common.js";
+const w = /* @__PURE__ */ u({
+  __name: "PopoverV4",
+  props: {
+    autoHide: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    distance: { default: 0 },
+    skidding: { default: 0 },
+    testId: { default: "" },
+    popperClass: { default: "" }
+  },
+  setup(e) {
+    const { popup: p, open: o, toggle: l, triggerRef: s } = v();
+    return (r, a) => (d(), m(t(k), {
+      theme: "custom-popover",
+      placement: e.placement,
+      shown: !!t(o),
+      triggers: e.trigger === "managed" ? [] : [e.trigger],
+      "auto-hide": e.autoHide,
+      distance: e.distance,
+      skidding: e.skidding,
+      "data-testid": e.testId,
+      "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
+    }, {
+      popper: i(() => [
+        t(o) ? (d(), f("div", {
+          key: 0,
+          ref_key: "popup",
+          ref: p,
+          class: "menu-popup"
+        }, [
+          n(r.$slots, "content", {}, void 0, !0)
+        ], 512)) : g("", !0)
+      ]),
+      default: i(() => [
+        c("div", {
+          ref_key: "triggerRef",
+          ref: s,
+          onClick: a[0] || (a[0] = (h) => t(l)(!t(o)))
+        }, [
+          n(r.$slots, "trigger", {}, void 0, !0)
+        ], 512)
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid", "popper-class"]));
+  }
+});
+export {
+  w as default
+};