@ironsource/shared-ui 2.1.11-test.8 → 2.1.11-test.91

package/components/appTrigger/AppTrigger.vue2.js

@@ -0,0 +1,124 @@
+ import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; import { defineComponent as w, computed as t, openBlock as m, createElementBlock as L, normalizeClass as S, unref as e, renderSlot as c, createElementVNode as f, createBlock as v, createCommentVNode as D, createVNode as s, withCtx as p, createTextVNode as z, toDisplayString as N } from "vue";
+import V from "../appIcon/AppIcon.vue.js";
+import "../button/v3/Button.vue.js";
+import X from "../button/v3/IconButton.vue.js";
+import "../button/v3/ScrollButton.vue.js";
+import T from "../icon/v3/Icon.vue.js";
+import O from "../tooltip/v3/Tooltip.vue.js";
+import "../typography/Heading.vue.js";
+import k from "../typography/Text.vue.js";
+import { AppTriggerTestIdModifiers as o } from "../../testids/index.js";
+const b = ["data-testid"], G = { class: "app-trigger__left-image" }, Z = /* @__PURE__ */ w({
+  __name: "AppTrigger",
+  props: {
+    selected: { default: null },
+    options: { default: null },
+    loading: { type: Boolean, default: !1 },
+    singleAppSelection: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(l) {
+    const n = l, y = "All apps selected", B = "No apps to select", $ = t(() => n.singleAppSelection && h.value ? B : n.singleAppSelection && u.value ? `${i.value?.name}` : g.value ? y : u.value ? `${i.value?.name}` : `${a.value} apps selected`), C = "widgetsz", x = "cube-background", P = t(
+      () => n.singleAppSelection && h.value ? x : C
+    ), I = t(() => !g.value || n.singleAppSelection && u.value ? i.value.platform.toLowerCase() : null), A = t(() => !a.value || !r.value ? "" : i.value?.icon), _ = t(() => n.loading ? "" : u.value ? i.value.appKey : g.value ? R.value : a.value <= 0 ? `${i.value?.name}` : `${i.value?.name} and ${a.value - 1}+`), a = t(() => n.selected?.length || 0), r = t(() => n.options?.length || 0), u = t(() => a.value === 1), h = t(() => r.value === 0), g = t(() => n.loading || r.value === a.value || !a.value), R = t(() => r.value === 1 ? `${E.value?.name}` : `${E.value?.name} and ${r.value - 1}+`), i = t(() => n.selected?.[0]), E = t(() => n.options?.[0]);
+    return (d, M) => (m(), L("div", {
+      class: S(["app-trigger", {
+        "app-trigger--with-icons": e(a) > 0 || e(g)
+      }]),
+      "data-testid": `${l.testId}-${e(o).WRAPPER}`
+    }, [
+      c(d.$slots, "left-image", {}, () => [
+        f("div", G, [
+          e(A) ? (m(), v(e(V), {
+            key: 0,
+            size: "xl",
+            src: e(A)
+          }, null, 8, ["src"])) : (m(), v(e(T), {
+            key: 1,
+            class: "trigger-icon",
+            "font-size": "2rem",
+            name: e(P)
+          }, null, 8, ["name"]))
+        ])
+      ], !0),
+      c(d.$slots, "left-icon", {}, () => [
+        e(I) ? (m(), v(e(T), {
+          key: 0,
+          class: "app-trigger__left-icon",
+          name: e(I),
+          "font-size": "md"
+        }, null, 8, ["name"])) : D("", !0)
+      ], !0),
+      f("div", {
+        class: S(["app-trigger__middle-section", {
+          "app-trigger__middle-section--single": e(u),
+          "app-trigger__middle-section--loading": l.loading || !l.options?.length
+        }])
+      }, [
+        c(d.$slots, "title", {}, () => [
+          s(e(O), {
+            text: e($),
+            "data-testid": `${l.testId}-${e(o).TITLE_TOOLTIP_TEXT}`
+          }, {
+            default: p(() => [
+              s(e(k), {
+                strong: "",
+                class: "title",
+                "is-truncated": "",
+                size: "sm",
+                "test-id": `${l.testId}-${e(o).TITLE_TEXT}`
+              }, {
+                default: p(() => [
+                  z(N(e($)), 1)
+                ]),
+                _: 1
+              }, 8, ["test-id"])
+            ]),
+            _: 1
+          }, 8, ["text", "data-testid"])
+        ], !0),
+        c(d.$slots, "description", {}, () => [
+          f("div", null, [
+            s(e(O), {
+              text: e(_),
+              "data-testid": `${l.testId}-${e(o).DESCRIPTION_TOOLTIP_TEXT}`
+            }, {
+              default: p(() => [
+                s(e(k), {
+                  class: "app-trigger__description",
+                  size: "xs",
+                  "is-truncated": "",
+                  "test-id": `${l.testId}-${e(o).DESCRIPTION_TEXT}`
+                }, {
+                  default: p(() => [
+                    z(N(e(_)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["test-id"])
+              ]),
+              _: 1
+            }, 8, ["text", "data-testid"])
+          ])
+        ], !0)
+      ], 2),
+      c(d.$slots, "right-icon", {}, () => [
+        s(e(X), {
+          class: "app-trigger__right-icon",
+          theme: "third",
+          "data-testid": `${l.testId}-${e(o).TRIGGER_BUTTON}`
+        }, {
+          default: p(() => [
+            s(e(T), {
+              "font-size": "sm",
+              name: "angle-down"
+            })
+          ]),
+          _: 1
+        }, 8, ["data-testid"])
+      ], !0)
+    ], 10, b));
+  }
+});
+export {
+  Z as default
+};

package/components/autocomplete/Autocomplete.vue.js

@@ -0,0 +1,7 @@
+import o from "./Autocomplete.vue2.js";
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e361f9fd_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e361f9fd"]]);
+export {
+  s as default
+};

package/components/autocomplete/Autocomplete.vue2.js

@@ -0,0 +1,135 @@
+ import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e361f9fd_lang.css"; import { defineComponent as F, computed as r, ref as h, watchEffect as C, openBlock as s, createElementBlock as x, Fragment as P, createVNode as v, unref as o, withCtx as p, mergeProps as I, isRef as S, renderSlot as B, normalizeProps as E, guardReactiveProps as z, createBlock as g, createCommentVNode as m } from "vue";
+import H from "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../dropdown/v4/TreeDropdown.vue.js";
+import "../dropdown/v4/OptionV4.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
+import N from "../input/v4/TextField.vue.js";
+import { useVModel as O } from "@vueuse/core";
+import D from "../shared/FieldHelpText.vue.js";
+import M from "../shared/FieldMaxLength.vue.js";
+const U = {
+  key: 0,
+  class: "footer"
+}, te = /* @__PURE__ */ F({
+  __name: "Autocomplete",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "small" },
+    label: { default: "" },
+    labelDirection: { default: "top" },
+    mandatory: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    showFeedbackTextIcon: { type: Boolean, default: !1 },
+    inlineError: { type: Boolean, default: !1 },
+    inlineErrorText: { default: "" },
+    maxLength: { default: null },
+    maxLengthCounterPosition: { default: "inside" },
+    options: null,
+    displayValue: null,
+    optionNameKey: { default: "" },
+    optionsListWidth: { default: null },
+    onSearch: { type: Function, default: null },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: b }) {
+    const t = e, d = O(t, "modelValue", b), k = (a) => {
+      a !== void 0 && (d.value = t.displayValue(a));
+    }, y = r(() => (d.value || "").length), f = r(
+      () => t.maxLength && t.maxLengthCounterPosition === "outside"
+    ), L = r(() => f.value ? {
+      // when counter is shown outside, use native html maxlength attribute (instead of component prop)
+      // and render counter separately to avoid space between input and dropdown
+      maxlength: t.maxLength
+    } : {
+      maxLength: t.maxLength,
+      maxLengthCounterPosition: t.maxLengthCounterPosition
+    }), V = r(
+      () => t.feedbackText || f.value
+    ), w = (a, l) => t.displayValue(a).toLowerCase().replace(/\s+/g, "").includes(l.toLowerCase().replace(/\s+/g, "")), u = r(() => {
+      const a = d.value.toString();
+      return (t.options || []).filter(
+        (l) => t.onSearch !== null ? t.onSearch(l, a) : w(l, a)
+      );
+    }), n = h(!1), c = h(!1);
+    C(() => {
+      t.disabled ? n.value = !1 : c.value && u.value.length ? n.value = !0 : u.value.length === 0 && (n.value = !1);
+    });
+    const T = () => {
+      t.disabled || !n.value && u.value.length && (n.value = !0);
+    };
+    return (a, l) => (s(), x(P, null, [
+      v(o(H), {
+        "is-open": n.value,
+        "onUpdate:is-open": l[3] || (l[3] = (i) => n.value = i),
+        class: "autocomplete-dropdown",
+        "display-value": e.displayValue,
+        options: o(u),
+        "option-name-key": e.optionNameKey,
+        "options-list-width": e.optionsListWidth,
+        disabled: e.disabled,
+        "search-auto-focus": !1,
+        "full-width": !1,
+        "test-id": e.testId,
+        "onUpdate:selected": k
+      }, {
+        "dropdown-trigger": p(() => [
+          v(o(N), I({
+            modelValue: o(d),
+            "onUpdate:modelValue": l[0] || (l[0] = (i) => S(d) ? d.value = i : null),
+            class: "autocomplete-field",
+            placeholder: e.placeholder,
+            disabled: e.disabled,
+            size: e.size,
+            label: e.label,
+            "label-direction": e.labelDirection,
+            mandatory: e.mandatory,
+            "hover-help-text": e.hoverHelpText,
+            "hover-help-text-placemen": e.hoverHelpTextPlacement,
+            "test-id": e.testId,
+            "feedback-variant": e.feedbackVariant,
+            "show-feedback-text-icon": e.showFeedbackTextIcon,
+            "inline-error": e.inlineError,
+            "inline-error-text": e.inlineErrorText
+          }, o(L), {
+            onFocusin: l[1] || (l[1] = (i) => c.value = !0),
+            onFocusout: l[2] || (l[2] = (i) => c.value = !1),
+            onClick: T
+          }), null, 16, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text"])
+        ]),
+        default: p((i) => [
+          B(a.$slots, "default", E(z(i)), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
+      o(V) ? (s(), x("div", U, [
+        e.feedbackText ? (s(), g(D, {
+          key: 0,
+          text: e.feedbackText,
+          variant: e.feedbackVariant,
+          "show-icon": e.showFeedbackTextIcon,
+          "test-id": e.testId
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : m("", !0),
+        o(f) ? (s(), g(M, {
+          key: 1,
+          "current-length": o(y),
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : m("", !0)
+      ])) : m("", !0)
+    ], 64));
+  }
+});
+export {
+  te as default
+};

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -0,0 +1,7 @@
+import o from "./AutocompleteDropdown.vue2.js";
+/* empty css                           */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-214ddaf4"]]);
+export {
+  d as default
+};

package/components/autocompleteDropdown/AutocompleteDropdown.vue2.js

@@ -0,0 +1,120 @@
+ import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css"; import { defineComponent as x, ref as d, computed as f, watch as G, nextTick as w, openBlock as O, createBlock as g, unref as a, mergeProps as L, withModifiers as N, withCtx as c, createVNode as P, renderSlot as k, createTextVNode as b, toDisplayString as B } from "vue";
+import C from "../dropdown/v3/Dropdown.vue.js";
+import "../dropdown/v3/Option.vue.js";
+import "../dropdown/v3/Label.vue.js";
+import "../dropdown/v3/SearchInput.vue.js";
+import E from "./GroupOption.vue.js";
+import K from "./AutocompleteInput.vue.js";
+import { DEFAULT_PLACEHOLDER as U, GROUP_OPTION_FLAG as T } from "./consts.js";
+import { useKeyboardNavigation as $ } from "./useKeyboardNavigation.js";
+const Y = /* @__PURE__ */ x({
+  __name: "AutocompleteDropdown",
+  props: {
+    options: { default: () => [] },
+    selected: { default: () => [] },
+    placeholder: { default: U },
+    displayValue: { type: Function, default: (l) => l.toString() },
+    handleSearch: { type: Function, default: () => !0 },
+    grouped: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:selected"],
+  setup(l, { emit: I }) {
+    const n = l, m = d(null), u = d(null), s = f({
+      get() {
+        return n.selected;
+      },
+      set(e) {
+        I("update:selected", e);
+      }
+    });
+    function F(e) {
+      s.value.push(e), m.value.focusInput();
+    }
+    function R(e) {
+      s.value.splice(s.value.indexOf(e), 1);
+    }
+    async function v() {
+      await w(), setTimeout(() => {
+        u?.value?.scrollTo(0);
+      });
+    }
+    const y = d(""), r = (e) => e && !!e[T], D = f(() => n.grouped ? n.options.reduce((e, o) => {
+      const { options: t = [], ...i } = o, A = {
+        ...i,
+        [T]: !0
+      };
+      return [...e, A, ...t];
+    }, []) : n.options), h = f(() => {
+      const e = D.value.filter((o) => !s.value.includes(o)).filter((o) => r(o) ? !0 : n.handleSearch(o, y.value));
+      return n.grouped ? e.filter((o, t) => {
+        const i = e[t + 1];
+        return r(o) ? i && !r(i) : !0;
+      }) : e;
+    }), { isFocused: S, keyDownHandler: V } = $({
+      options: h,
+      canFocus: (e) => !r(e),
+      scrollTo: (e) => u?.value?.scrollTo(e),
+      selectItem: (e) => {
+        u?.value?.selectItem(e), v();
+      }
+    }), p = d(0);
+    return G(n.selected, async () => {
+      p.value += 1, await w(), p.value = 0;
+    }), (e, o) => (O(), g(a(C), L({
+      ref_key: "dropdownRef",
+      ref: u,
+      class: "autocomplete-dropdown"
+    }, e.$attrs, {
+      selected: a(s),
+      options: a(h),
+      "on-search": () => !0,
+      "display-value": l.displayValue,
+      "keep-open": "",
+      "is-on-top": !1,
+      multi: !1,
+      "show-select-all": !1,
+      "auto-size": "",
+      distance: p.value,
+      "disable-keyboard-events": "",
+      "test-id": l.testId,
+      onOpened: v,
+      onKeydown: N(a(V), ["stop"]),
+      "onUpdate:selected": F
+    }), {
+      input: c(() => [
+        P(K, {
+          ref_key: "inputRef",
+          ref: m,
+          value: a(s),
+          placeholder: l.placeholder,
+          "display-value": l.displayValue,
+          "test-id": l.testId,
+          onRemove: R,
+          onSearch: o[0] || (o[0] = (t) => y.value = t)
+        }, {
+          option: c(({ option: t }) => [
+            k(e.$slots, "input-option", { option: t }, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["value", "placeholder", "display-value", "test-id"])
+      ]),
+      default: c(({ option: t }) => [
+        l.grouped && r(t) ? (O(), g(E, { key: 0 }, {
+          default: c(() => [
+            b(B(l.displayValue(t)), 1)
+          ]),
+          _: 2
+        }, 1024)) : k(e.$slots, "default", {
+          key: 1,
+          option: t,
+          active: a(S)(t)
+        }, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["selected", "options", "on-search", "display-value", "distance", "test-id", "onKeydown"]));
+  }
+});
+export {
+  Y as default
+};

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -0,0 +1,7 @@
+import o from "./AutocompleteInput.vue2.js";
+/* empty css                        */import t from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_2b63231b_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2b63231b"]]);
+export {
+  s as default
+};

package/components/autocompleteDropdown/AutocompleteInput.vue2.js

@@ -0,0 +1,79 @@
+ import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_2b63231b_lang.css"; import { defineComponent as k, ref as y, computed as $, watch as L, openBlock as u, createElementBlock as s, normalizeClass as A, unref as n, withModifiers as f, Fragment as D, renderList as O, renderSlot as S, createVNode as h, withCtx as T, createTextVNode as x, toDisplayString as V, createElementVNode as w } from "vue";
+import F from "../icon/v3/Icon.vue.js";
+import N from "../typography/Text.vue.js";
+import { useDropdownContext as P } from "../dropdown/common/DropdownContext.js";
+import { DEFAULT_PLACEHOLDER as R } from "./consts.js";
+import { AutocompleteInputTestIdModifiers as c } from "../../testids/index.js";
+const z = ["data-testid", "onClick"], b = ["data-testid"], q = ["value", "placeholder", "data-testid"], J = /* @__PURE__ */ k({
+  __name: "AutocompleteInput",
+  props: {
+    value: { default: () => [] },
+    displayValue: { type: Function, default: (t) => t.toString() },
+    placeholder: { default: R },
+    testId: { default: "" }
+  },
+  emits: ["remove", "search"],
+  setup(t, { expose: v, emit: i }) {
+    const C = t, o = P("autocompleteInput"), r = y(null), d = $(() => o.open.value), E = (e) => C.displayValue(e);
+    function I() {
+      o.toggle(!0), l();
+    }
+    const _ = (e) => {
+      const { value: p } = e.target;
+      o.toggle(!0), o.search(p);
+    };
+    function g(e) {
+      i("remove", e), d.value && l();
+    }
+    L(o.query, (e) => {
+      i("search", e);
+    });
+    function l() {
+      r.value?.focus();
+    }
+    return v({
+      focusInput: l
+    }), (e, p) => (u(), s("div", {
+      class: A(["autocomplete-input", { "autocomplete-input--focused": n(d) }]),
+      "data-testid": `${t.testId}-${n(c).WRAPPER}`,
+      onClick: f(I, ["stop"])
+    }, [
+      (u(!0), s(D, null, O(t.value, (a, m) => (u(), s("div", {
+        key: m,
+        "data-testid": `${t.testId}-${n(c).SELECTED_OPTION}-${m}`,
+        class: "autocomplete-input__option"
+      }, [
+        S(e.$slots, "option", { option: a }, () => [
+          h(N, {
+            size: "sm",
+            "is-truncated": ""
+          }, {
+            default: T(() => [
+              x(V(E(a)), 1)
+            ]),
+            _: 2
+          }, 1024)
+        ], !0),
+        h(n(F), {
+          class: "autocomplete-input__close-icon",
+          name: "close-bold",
+          "font-size": "sm",
+          onClick: f((B) => g(a), ["stop"])
+        }, null, 8, ["onClick"])
+      ], 8, b))), 128)),
+      w("input", {
+        ref_key: "inputEl",
+        ref: r,
+        class: "autocomplete-input__search-field",
+        type: "text",
+        value: n(o).query.value,
+        placeholder: t.placeholder,
+        "data-testid": `${t.testId}-${n(c).SEARCH_FIELD}`,
+        onInput: _
+      }, null, 40, q)
+    ], 10, z));
+  }
+});
+export {
+  J as default
+};

package/components/autocompleteDropdown/GroupOption.vue.js

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

package/components/autocompleteDropdown/GroupOption.vue2.js

@@ -0,0 +1,35 @@
+ import "../../GroupOption.vue_vue_type_style_index_0_scoped_8aae9eb9_lang.css"; import { defineComponent as u, ref as m, onMounted as f, onUnmounted as l, openBlock as d, createElementBlock as a, withModifiers as c, unref as o, createVNode as _, withCtx as O, renderSlot as g } from "vue";
+import { NOOP as n } from "@vue/shared";
+import "../typography/Heading.vue.js";
+import k from "../typography/Text.vue.js";
+import { useDropdownContext as x } from "../dropdown/common/DropdownContext.js";
+import { useId as C } from "../../composables/useId.js";
+const y = /* @__PURE__ */ u({
+  __name: "GroupOption",
+  setup(v) {
+    const e = x("GroupOption"), t = C().value, i = m(null);
+    return f(() => e.registerOption(t, !0, !1)), l(() => e.unRegisterOption(t)), (p, r) => (d(), a("div", {
+      ref_key: "el",
+      ref: i,
+      class: "group-option",
+      onClick: r[0] || (r[0] = c(
+        //@ts-ignore
+        (...s) => o(n) && o(n)(...s),
+        ["stop"]
+      ))
+    }, [
+      _(o(k), {
+        size: "md",
+        strong: ""
+      }, {
+        default: O(() => [
+          g(p.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      })
+    ], 512));
+  }
+});
+export {
+  y as default
+};

package/components/banner/Banner.vue.js

@@ -0,0 +1,7 @@
+import o from "./Banner.vue2.js";
+/* empty css             */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Banner.vue_vue_type_style_index_0_scoped_a293c6d0_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a293c6d0"]]);
+export {
+  a as default
+};

package/components/banner/Banner.vue2.js

@@ -0,0 +1,58 @@
+ import "../../Banner.vue_vue_type_style_index_0_scoped_a293c6d0_lang.css"; import { defineComponent as f, computed as m, openBlock as a, createElementBlock as u, normalizeClass as d, createElementVNode as s, unref as e, createBlock as i, withCtx as y, renderSlot as c, pushScopeId as S, popScopeId as $ } from "vue";
+import l from "../icon/v3/Icon.vue.js";
+import { BannerTestIdModifiers as r } from "../../testids/index.js";
+const h = (t) => (S("data-v-a293c6d0"), t = t(), $(), t), v = /* @__PURE__ */ h(() => /* @__PURE__ */ s("div", { class: "left-border" }, null, -1)), I = ["data-testid"], k = { class: "icon-container" }, z = ["data-testid"], b = /* @__PURE__ */ f({
+  __name: "Banner",
+  props: {
+    type: {
+      type: String,
+      default: "info"
+    },
+    iconSize: {
+      type: String,
+      default: "md"
+    },
+    testId: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    const p = t, o = m(() => `${p.type}`);
+    return (n, B) => (a(), u("div", {
+      class: d(["banner", `banner-type-${t.type}`])
+    }, [
+      v,
+      s("div", {
+        class: "content-wrapper",
+        "data-testid": `${t.testId}-${e(r).WRAPPER}`
+      }, [
+        s("div", k, [
+          n.$slots.icon ? (a(), i(e(l), {
+            key: 0,
+            class: d(e(o))
+          }, {
+            default: y(() => [
+              c(n.$slots, "icon", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["class"])) : (a(), i(e(l), {
+            key: 1,
+            name: e(o),
+            class: d(e(o)),
+            "font-size": t.iconSize
+          }, null, 8, ["name", "class", "font-size"]))
+        ]),
+        s("div", {
+          class: "content",
+          "data-testid": `${t.testId}-${e(r).CONTENT}`
+        }, [
+          c(n.$slots, "default", {}, void 0, !0)
+        ], 8, z)
+      ], 8, I)
+    ], 2));
+  }
+});
+export {
+  b as default
+};

package/components/button/v3/Button.vue.js

@@ -0,0 +1,7 @@
+import o from "./Button.vue2.js";
+/* empty css             */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-35545b8c"]]);
+export {
+  c as default
+};

package/components/button/v3/Button.vue2.js

@@ -0,0 +1,59 @@
+ import "../../../Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css"; import { defineComponent as d, computed as f, openBlock as n, createBlock as a, mergeProps as u, createSlots as I, withCtx as m, createElementVNode as z, normalizeClass as N, unref as o, createCommentVNode as s, renderSlot as c } from "vue";
+import r from "../../icon/v3/Icon.vue.js";
+import h from "./ButtonBase.vue.js";
+import { iconSizeMap as g } from "../common/consts.js";
+const w = /* @__PURE__ */ d({
+  __name: "Button",
+  props: {
+    leftIconName: { default: null },
+    rightIconName: { default: null },
+    size: { default: "md" },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const l = e, i = f(() => `${g[l.size]}px`);
+    return (t, k) => (n(), a(h, u({
+      class: [
+        e.size,
+        {
+          "with-left-icon": !!e.leftIconName,
+          "with-right-icon": !!e.rightIconName
+        }
+      ],
+      size: e.size,
+      "data-testid": l.testId
+    }, t.$attrs), I({
+      default: m(() => [
+        z("div", {
+          class: N({
+            flex: e.leftIconName || e.rightIconName
+          })
+        }, [
+          e.leftIconName ? (n(), a(o(r), {
+            key: 0,
+            name: e.leftIconName,
+            "font-size": o(i)
+          }, null, 8, ["name", "font-size"])) : s("", !0),
+          c(t.$slots, "default", {}, void 0, !0),
+          e.rightIconName ? (n(), a(o(r), {
+            key: 1,
+            name: e.rightIconName,
+            "font-size": o(i)
+          }, null, 8, ["name", "font-size"])) : s("", !0)
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      t.$slots.loader ? {
+        name: "loader",
+        fn: m(() => [
+          c(t.$slots, "loader", {}, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["class", "size", "data-testid"]));
+  }
+});
+export {
+  w as default
+};

package/components/button/v3/ButtonBase.vue.js

@@ -0,0 +1,7 @@
+import o from "./ButtonBase.vue2.js";
+/* empty css                 */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9021cac4"]]);
+export {
+  c as default
+};