@ironsource/shared-ui 2.0.0-rc.2 → 2.0.0-rc.3

package/components/includeExclude/IncludeExcludeOption.vue.vue2.js

@@ -1,114 +0,0 @@
-import { defineComponent as E, ref as N, computed as v, openBlock as o, createElementBlock as a, normalizeClass as k, unref as e, createElementVNode as m, createBlock as p, createCommentVNode as n, renderSlot as x, createVNode as c, withCtx as d, createTextVNode as h, toDisplayString as y, withModifiers as T } from "vue";
-/* empty css                              */import C from "../typography/Text.vue.vue.js";
-import { useIncludeExcludeContext as z } from "./IncludeExcludeContext.vue.js";
-import { useId as S } from "../../composables/useId.vue.js";
-import V from "../checkbox/Checkbox.vue.vue.js";
-import $ from "../tooltip/Tooltip.vue.vue.js";
-/* empty css                           */import D from "../icon/Icon.vue.vue.js";
-import { NOOP as M } from "@vue/shared";
-const P = {
-  key: 1,
-  class: "image"
-}, j = {
-  key: 2,
-  class: "start-icon"
-}, q = { class: "text-container" }, A = { key: 0 }, X = /* @__PURE__ */ E({
-  __name: "IncludeExcludeOption",
-  props: {
-    option: null,
-    subtitle: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    showCheckbox: { type: Boolean, default: !1 },
-    clearable: { type: Boolean, default: !1 },
-    titleText: { default: "" }
-  },
-  setup(t) {
-    const r = t, l = z("IncludeExcludeOption"), g = S().value, w = N(null), B = () => {
-      l.select(r.option);
-    }, f = !0, b = 200, I = v(() => l.activeIndex.value !== null ? l.activeOption.value === r.option : !1), u = v(() => l.selectedOption.value.includes(r.option));
-    return (i, s) => (o(), a("div", {
-      ref_key: "el",
-      ref: w,
-      class: k(["item-container", {
-        "item-container--disabled": t.disabled,
-        "item-container--active": e(I),
-        "item-container--selected": e(u),
-        "item-container--multi": f,
-        "item-container--two-lines": t.subtitle?.length
-      }])
-    }, [
-      m("div", {
-        class: k(["item", {
-          "item--multi": f,
-          "item--with-icon": i.$slots["icon-start"] || i.$slots.image,
-          "item--without-icon": !i.$slots["icon-start"] && !i.$slots.image
-        }])
-      }, [
-        t.showCheckbox ? (o(), p(e(V), {
-          key: 0,
-          id: e(g).toString(),
-          tabindex: "-1",
-          class: "checkbox",
-          size: "sm",
-          "is-checked": e(u),
-          onClick: s[0] || (s[0] = (O) => t.disabled ? e(M)() : B())
-        }, null, 8, ["id", "is-checked"])) : n("", !0),
-        i.$slots.image ? (o(), a("div", P, [
-          x(i.$slots, "image", {}, void 0, !0)
-        ])) : n("", !0),
-        i.$slots["icon-start"] ? (o(), a("div", j, [
-          x(i.$slots, "icon-start", {}, void 0, !0)
-        ])) : n("", !0),
-        m("div", q, [
-          c(e($), {
-            delay: b,
-            text: t.titleText
-          }, {
-            default: d(() => [
-              c(e(C), {
-                size: "sm",
-                "is-truncated": ""
-              }, {
-                default: d(() => [
-                  h(y(t.titleText), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["text"]),
-          c(e($), {
-            delay: b,
-            text: t.subtitle
-          }, {
-            default: d(() => [
-              t.subtitle ? (o(), p(e(C), {
-                key: 0,
-                class: "subtitle",
-                size: "caption",
-                "is-truncated": ""
-              }, {
-                default: d(() => [
-                  h(y(t.subtitle), 1)
-                ]),
-                _: 1
-              })) : n("", !0)
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ])
-      ], 2),
-      t.clearable && e(u) ? (o(), a("div", A, [
-        m("button", {
-          class: "clear-button",
-          onClick: s[1] || (s[1] = T((O) => e(l).removeSelection(t.option), ["prevent", "stop"]))
-        }, [
-          c(e(D), { name: "close-bold" })
-        ])
-      ])) : n("", !0)
-    ], 2));
-  }
-});
-export {
-  X as default
-};

package/components/includeExclude/IncludeExcludeOptionDraggable.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./IncludeExcludeOptionDraggable.vue.vue2.js";
-/* empty css                                        */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6784321c"]]);
-export {
-  e as default
-};

package/components/includeExclude/IncludeExcludeOptionDraggable.vue.vue2.js

@@ -1,105 +0,0 @@
-import { defineComponent as w, ref as z, computed as b, openBlock as o, createElementBlock as a, unref as t, normalizeClass as v, createElementVNode as c, renderSlot as p, createCommentVNode as n, createVNode as s, withCtx as r, createTextVNode as y, toDisplayString as x, createBlock as B, withModifiers as E } from "vue";
-/* empty css                              */import $ from "../typography/Text.vue.vue.js";
-import { useIncludeExcludeContext as T } from "./IncludeExcludeContext.vue.js";
-import { useId as N } from "../../composables/useId.vue.js";
-import h from "../tooltip/Tooltip.vue.vue.js";
-/* empty css                           */import O from "../icon/Icon.vue.vue.js";
-const S = ["id"], V = {
-  key: 0,
-  class: "image"
-}, D = {
-  key: 1,
-  class: "start-icon"
-}, M = { class: "text-container" }, j = { key: 0 }, Q = /* @__PURE__ */ w({
-  __name: "IncludeExcludeOptionDraggable",
-  props: {
-    option: null,
-    subtitle: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    clearable: { type: Boolean, default: !1 },
-    titleText: { default: "" }
-  },
-  setup(e) {
-    const d = e, l = T("IncludeExcludeOption"), k = N().value, C = z(null), u = !0, m = 200, I = b(() => l.activeIndex.value !== null ? l.activeOption.value === d.option : !1), f = b(() => l.selectedOption.value.includes(d.option));
-    return (i, g) => (o(), a("div", {
-      id: t(k).toString(),
-      ref_key: "el",
-      ref: C,
-      class: v(["item-container-draggable", {
-        "item-container-draggable--disabled": e.disabled,
-        "item-container-draggable--active": t(I),
-        "item-container-draggable--selected": t(f),
-        "item-container-draggable--multi": u,
-        "item-container-draggable--two-lines": e.subtitle?.length
-      }])
-    }, [
-      c("div", {
-        class: v(["item", {
-          "item--multi": u,
-          "item--with-icon": i.$slots["icon-start"] || i.$slots.image,
-          "item--without-icon": !i.$slots["icon-start"] && !i.$slots.image
-        }])
-      }, [
-        i.$slots.image ? (o(), a("div", V, [
-          p(i.$slots, "image", {}, void 0, !0)
-        ])) : n("", !0),
-        i.$slots["icon-start"] ? (o(), a("div", D, [
-          p(i.$slots, "icon-start", {}, void 0, !0)
-        ])) : n("", !0),
-        c("div", M, [
-          s(t(h), {
-            delay: m,
-            text: e.titleText
-          }, {
-            default: r(() => [
-              s(t($), {
-                size: "sm",
-                "is-truncated": ""
-              }, {
-                default: r(() => [
-                  y(x(e.titleText), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["text"]),
-          s(t(h), {
-            delay: m,
-            text: e.subtitle
-          }, {
-            default: r(() => [
-              e.subtitle ? (o(), B(t($), {
-                key: 0,
-                class: "subtitle",
-                size: "caption",
-                "is-truncated": ""
-              }, {
-                default: r(() => [
-                  y(x(e.subtitle), 1)
-                ]),
-                _: 1
-              })) : n("", !0)
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ])
-      ], 2),
-      e.clearable && t(f) ? (o(), a("div", j, [
-        c("button", {
-          class: "clear-button",
-          onClick: g[0] || (g[0] = E((q) => t(l).removeSelection(e.option), ["prevent", "stop"]))
-        }, [
-          s(t(O), {
-            "font-size": "sm",
-            size: "sm",
-            name: "close-bold"
-          })
-        ])
-      ])) : n("", !0)
-    ], 10, S));
-  }
-});
-export {
-  Q as default
-};

package/components/input/v3/DollarInput.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./DollarInput.vue.vue2.js";
-/* empty css                      */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9ef40daf"]]);
-export {
-  p as default
-};

package/components/input/v3/DollarInput.vue.vue2.js

@@ -1,31 +0,0 @@
-import { defineComponent as m, openBlock as p, createBlock as u, mergeProps as l, withCtx as t, createVNode as s, unref as c, createTextVNode as d } from "vue";
-import i from "./Input.vue.vue.js";
-/* empty css                                 */import f from "../../typography/Text.vue.vue.js";
-const b = /* @__PURE__ */ m({
-  __name: "DollarInput",
-  emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const a = o, n = (e) => r("update:modelValue", e);
-    return (e, _) => (p(), u(i, l(a, {
-      type: "number",
-      "hide-number-arrows": !0,
-      "onUpdate:modelValue": n
-    }), {
-      iconBefore: t(() => [
-        s(c(f), {
-          class: "dollar-sign",
-          size: "sm"
-        }, {
-          default: t(() => [
-            d("$")
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 16));
-  }
-});
-export {
-  b as default
-};

package/components/input/v3/Input.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./Input.vue.vue2.js";
-/* empty css                */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ffd26a0"]]);
-export {
-  a as default
-};

package/components/input/v3/Input.vue.vue2.js

@@ -1,208 +0,0 @@
-import { defineComponent as L, openBlock as l, createElementBlock as n, normalizeClass as c, unref as e, createVNode as o, withCtx as r, createTextVNode as v, toDisplayString as I, createBlock as E, createCommentVNode as i, createElementVNode as y, renderSlot as B, mergeProps as O, withKeys as R, withModifiers as p } from "vue";
-import { InputTestIdModifiers as s } from "../../../testids/index.vue.js";
-/* empty css                                 */import b from "../../typography/Text.vue.vue.js";
-import T from "../../icon/Icon.vue.vue.js";
-/* empty css                               */import w from "../../button/v3/IconButton.vue.vue.js";
-import A from "../../tooltip/Tooltip.vue.vue.js";
-/* empty css                              *//* empty css                                     */import { inputCommon as V } from "../common/Input.common.vue.js";
-const P = ["data-testid"], F = ["data-testid"], K = { class: "info-icon-wrapper" }, M = {
-  key: 0,
-  class: "icon-container icon-before"
-}, X = ["value", "placeholder", "disabled", "type", "step", "data-testid"], S = {
-  key: 1,
-  class: "icon-container icon-after"
-}, W = { key: 2 }, Y = { key: 3 }, j = ["data-testid"], q = {
-  inheritAttrs: !1
-}, ie = /* @__PURE__ */ L({
-  ...q,
-  __name: "Input",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    viewOnly: { type: Boolean, default: !1 },
-    size: { default: "lg" },
-    label: { default: "" },
-    labelDirection: { default: "top" },
-    mandatory: { type: Boolean, default: !1 },
-    feedbackHelpText: { default: "" },
-    autoFocus: { type: Boolean, default: !1 },
-    feedbackErrorText: { default: "" },
-    type: { default: "text" },
-    hideNumberArrows: { type: Boolean, default: !1 },
-    step: { default: 1 },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" },
-    onlyDigits: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(t, { emit: z }) {
-    const C = t, {
-      onConfirm: N,
-      onEnter: h,
-      inputRef: g,
-      isFocused: m,
-      showLabelInside: k,
-      api: u,
-      labelText: D,
-      sizeClass: H,
-      handleInput: x,
-      handleKeypress: $
-    } = V(C, z);
-    return (f, a) => (l(), n("div", {
-      class: c({
-        "input-with-label-container": !0,
-        "label-direction-left": t.labelDirection === "left",
-        disabled: t.disabled
-      }),
-      "data-testid": `${t.testId}-${e(s).WRAPPER}`
-    }, [
-      t.label && t.labelDirection !== "inside" ? (l(), n("div", {
-        key: 0,
-        class: c(["label-container", "direction-" + t.labelDirection]),
-        "data-testid": `${t.testId}-${e(s).LABEL_CONTAINER}`
-      }, [
-        o(e(b), {
-          class: "label",
-          "data-testid": `${t.testId}-${e(s).LABEL_TEXT}`
-        }, {
-          default: r(() => [
-            v(I(t.label), 1)
-          ]),
-          _: 1
-        }, 8, ["data-testid"]),
-        t.mandatory ? (l(), E(e(b), {
-          key: 0,
-          size: "lg",
-          class: "mandatory",
-          "data-testid": `${t.testId}-${e(s).MANDATORY}`
-        }, {
-          default: r(() => [
-            v("*")
-          ]),
-          _: 1
-        }, 8, ["data-testid"])) : i("", !0),
-        t.hoverHelpText ? (l(), E(e(A), {
-          key: 1,
-          triggers: ["hover"],
-          text: t.hoverHelpText,
-          placement: t.hoverHelpTextPlacement,
-          size: "xs",
-          strong: !0
-        }, {
-          default: r(() => [
-            y("div", K, [
-              o(e(T), {
-                class: "info-icon",
-                name: "info",
-                "font-size": "sm"
-              })
-            ])
-          ]),
-          _: 1
-        }, 8, ["text", "placement"])) : i("", !0)
-      ], 10, F)) : i("", !0),
-      y("div", {
-        class: c({
-          "input-container": !0,
-          "label-inside": e(k),
-          error: e(u).error?.value || t.feedbackErrorText,
-          focused: e(m)
-        })
-      }, [
-        f.$slots.iconBefore ? (l(), n("div", M, [
-          B(f.$slots, "iconBefore", {}, void 0, !0)
-        ])) : i("", !0),
-        y("input", O(f.$attrs, {
-          ref_key: "inputRef",
-          ref: g,
-          value: e(u).value?.value ?? t.modelValue,
-          placeholder: e(D),
-          disabled: t.disabled || t.viewOnly,
-          type: t.type,
-          class: ["input", {
-            [e(H)]: !0,
-            "view-only": t.viewOnly,
-            "label-inside": e(k),
-            "hide-arrows": t.hideNumberArrows,
-            "input-type": t.type
-          }],
-          step: t.step,
-          "data-testid": `${t.testId}-${e(s).FIELD}`,
-          onInput: a[0] || (a[0] = //@ts-ignore
-          (...d) => e(x) && e(x)(...d)),
-          onFocus: a[1] || (a[1] = (d) => m.value = !0),
-          onBlur: a[2] || (a[2] = (d) => m.value = !1),
-          onKeyup: a[3] || (a[3] = R(p(
-            //@ts-ignore
-            (...d) => e(h) && e(h)(...d),
-            ["prevent"]
-          ), ["enter"])),
-          onKeypress: a[4] || (a[4] = //@ts-ignore
-          (...d) => e($) && e($)(...d))
-        }), null, 16, X),
-        f.$slots.iconAfter ? (l(), n("div", S, [
-          B(f.$slots, "iconAfter", {}, void 0, !0)
-        ])) : i("", !0),
-        e(u)?.confirmable && !e(u)?.error?.value ? (l(), n("div", W, [
-          o(e(w), {
-            class: "confirm-icon",
-            theme: "secondary",
-            variant: "colorized",
-            onClick: p(e(N), ["stop", "prevent"])
-          }, {
-            default: r(() => [
-              o(e(T), {
-                name: "check-bold",
-                "font-size": "sm"
-              })
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ])) : i("", !0),
-        e(u)?.error?.value ? (l(), n("div", Y, [
-          o(e(A), {
-            text: e(u)?.error?.value,
-            "data-testid": `${t.testId}-${e(s).TOOLTIP}`
-          }, {
-            default: r(() => [
-              o(e(w), {
-                class: "error-icon",
-                theme: "secondary",
-                variant: "colorized"
-              }, {
-                default: r(() => [
-                  o(e(T), {
-                    name: "error",
-                    "font-size": "sm"
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["text", "data-testid"])
-        ])) : i("", !0)
-      ], 2),
-      t.feedbackErrorText || t.feedbackHelpText ? (l(), n("div", {
-        key: 1,
-        class: "extra-text-container",
-        "data-testid": `${t.testId}-${e(s).EXTRA_TEXT}`
-      }, [
-        o(e(b), {
-          class: c(t.feedbackErrorText ? "error" : "help"),
-          size: "caption"
-        }, {
-          default: r(() => [
-            v(I(t.feedbackErrorText || t.feedbackHelpText), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ], 8, j)) : i("", !0)
-    ], 10, P));
-  }
-});
-export {
-  ie as default
-};

package/components/input/v3/PasswordInput.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./PasswordInput.vue.vue2.js";
-/* empty css                        */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-243f3e16"]]);
-export {
-  a as default
-};

package/components/input/v3/PasswordInput.vue.vue2.js

@@ -1,33 +0,0 @@
-import { defineComponent as p, ref as n, openBlock as d, createBlock as c, mergeProps as u, withCtx as o, createVNode as m, unref as f, createTextVNode as _, toDisplayString as w } from "vue";
-import x from "./Input.vue.vue.js";
-/* empty css                                 */import V from "../../typography/Text.vue.vue.js";
-const h = /* @__PURE__ */ p({
-  __name: "PasswordInput",
-  emits: ["update:modelValue"],
-  setup(s, { emit: a }) {
-    const r = s, e = n(!1), i = () => {
-      e.value = !e.value;
-    }, l = (t) => a("update:modelValue", t);
-    return (t, v) => (d(), c(x, u(r, {
-      type: e.value ? "text" : "password",
-      "onUpdate:modelValue": l
-    }), {
-      iconAfter: o(() => [
-        m(f(V), {
-          class: "password-visibility",
-          size: "xs",
-          onClick: i
-        }, {
-          default: o(() => [
-            _(w(e.value ? "Hide" : "Show"), 1)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 16, ["type"]));
-  }
-});
-export {
-  h as default
-};

package/components/input/v3/PercentageInput.vue.vue.js

@@ -1,6 +0,0 @@
-import t from "./PercentageInput.vue.vue2.js";
-/* empty css                          */import o from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-08a15760"]]);
-export {
-  p as default
-};

package/components/input/v3/PercentageInput.vue.vue2.js

@@ -1,31 +0,0 @@
-import { defineComponent as m, openBlock as p, createBlock as c, mergeProps as u, withCtx as t, createVNode as s, unref as d, createTextVNode as i } from "vue";
-import l from "./Input.vue.vue.js";
-/* empty css                                 */import f from "../../typography/Text.vue.vue.js";
-const b = /* @__PURE__ */ m({
-  __name: "PercentageInput",
-  emits: ["update:modelValue"],
-  setup(r, { emit: o }) {
-    const n = r, a = (e) => o("update:modelValue", e);
-    return (e, _) => (p(), c(l, u(n, {
-      type: "number",
-      "hide-number-arrows": !0,
-      "onUpdate:modelValue": a
-    }), {
-      iconAfter: t(() => [
-        s(d(f), {
-          class: "percentage-sign",
-          size: "sm"
-        }, {
-          default: t(() => [
-            i("%")
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 16));
-  }
-});
-export {
-  b as default
-};

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

@@ -1,6 +0,0 @@
-import o from "./TextField.vue.vue2.js";
-/* empty css                    */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f4f61aa1"]]);
-export {
-  e as default
-};