@ironsource/shared-ui 2.1.6-rc.3 → 2.1.6-rc.30

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

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

package/src/components/layout/FoldableSection.vue.js

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

package/src/components/layout/FoldableSection.vue2.js

@@ -0,0 +1,60 @@
+import { defineComponent as f, ref as v, watch as T, openBlock as s, createElementBlock as i, createElementVNode as g, mergeProps as d, unref as t, createVNode as a, withCtx as p, createTextVNode as h, toDisplayString as I, Transition as _, normalizeProps as y, renderSlot as N, createCommentVNode as C } from "vue";
+import k from "../typography/v4/Typography.vue.js";
+import w from "../icon/v4/IconV4.vue.js";
+import { useTestIdAttrs as x } from "../../utils/testIds.js";
+import { FoldableSectionTestIdModifiers as l } from "../../testids/index.js";
+const E = { class: "foldable-section" }, A = /* @__PURE__ */ f({
+  __name: "FoldableSection",
+  props: {
+    title: { default: "" },
+    open: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:open"],
+  setup(r, { emit: c }) {
+    const o = r, n = x(
+      o.testId,
+      l
+    ), e = v(!1), u = () => {
+      e.value = !e.value, c("update:open", e.value);
+    };
+    return T(
+      () => o.open,
+      () => {
+        e.value = o.open;
+      },
+      {
+        immediate: !0
+      }
+    ), (m, S) => (s(), i("div", E, [
+      g("div", d({ class: "title-wrapper" }, t(n)[t(l).TITLE], { onClick: u }), [
+        a(t(k), {
+          variant: "h4",
+          class: "title"
+        }, {
+          default: p(() => [
+            h(I(r.title), 1)
+          ]),
+          _: 1
+        }),
+        a(t(w), {
+          class: "toggle-icon",
+          name: e.value ? "caret-down" : "caret-right",
+          type: "fill",
+          size: "12px"
+        }, null, 8, ["name"])
+      ], 16),
+      a(_, null, {
+        default: p(() => [
+          e.value ? (s(), i("div", y(d({ key: 0 }, t(n)[t(l).CONTENT])), [
+            N(m.$slots, "default", {}, void 0, !0)
+          ], 16)) : C("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  A as default
+};

package/src/components/loader/v4/Loader.vue.js

@@ -0,0 +1,7 @@
+import o from "./Loader.vue2.js";
+/* empty css             */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../../Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-50d9be64"]]);
+export {
+  d as default
+};

package/src/components/loader/v4/Loader.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as v, ref as l, onMounted as m, openBlock as u, createElementBlock as h, createElementVNode as g, renderSlot as x, normalizeStyle as p } from "vue";
+const W = { style: { visibility: "hidden" } }, O = ["width", "height"], _ = ["r"], y = /* @__PURE__ */ v({
+  __name: "Loader",
+  props: {
+    strokeWidth: { default: 2 },
+    paddingOffsetPx: { default: 0 },
+    paddingOffsetPercentage: { default: 0 },
+    maxWidth: { default: null }
+  },
+  setup(s) {
+    const e = s, o = l(null), i = l(0), r = l("50%"), f = l(0);
+    return m(() => {
+      const a = o?.value?.clientWidth, n = o?.value?.clientHeight;
+      let t = a && n && n < a ? n : a, d = 0;
+      if (typeof t == "number" && (e.paddingOffsetPercentage ? e.paddingOffsetPercentage > 49 ? d = 0 : d = t * e.paddingOffsetPercentage / 100 : e.paddingOffsetPx && e.paddingOffsetPx < t - e.strokeWidth ? d = e.paddingOffsetPx : d = 0), e.maxWidth && e.maxWidth < t - d) {
+        const c = e.maxWidth < t ? e.maxWidth : t;
+        d = (t - c) / 2, t = c + d * 2;
+      }
+      f.value = d || 0, i.value = t - d * 2, r.value = i.value ? `${(i.value / 2 - e.strokeWidth / 2) / i.value * 100}%` : "50%";
+    }), (a, n) => (u(), h("div", {
+      ref_key: "loaderContainer",
+      ref: o,
+      class: "loader-container"
+    }, [
+      g("div", W, [
+        x(a.$slots, "default", {}, void 0, !0)
+      ]),
+      (u(), h("svg", {
+        class: "circle-svg",
+        width: i.value,
+        height: i.value,
+        style: p({
+          padding: f.value
+        })
+      }, [
+        g("circle", {
+          cx: "50%",
+          cy: "50%",
+          r: r.value,
+          style: p({ strokeWidth: s.strokeWidth })
+        }, null, 12, _)
+      ], 12, O))
+    ], 512));
+  }
+});
+export {
+  y as default
+};

package/src/components/menu/Menu.vue.js

@@ -0,0 +1,8 @@
+import e from "./Menu.vue2.js";
+/* empty css           *//* empty css           */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css"; //*');
+console.log('global// import "../../Menu.vue_vue_type_style_index_1_lang.css";  //');
+const l = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb057818"]]);
+export {
+  l as default
+};

package/src/components/menu/Menu.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent as k, ref as s, computed as u, openBlock as v, createBlock as h, unref as t, withCtx as a, createElementVNode as l, renderSlot as f } from "vue";
+import { Dropdown as C } from "floating-vue";
+import { onClickOutside as w } from "@vueuse/core";
+import { useToggle as B } from "../../composables/useToggle.js";
+const $ = /* @__PURE__ */ k({
+  __name: "Menu",
+  props: {
+    isOnTop: { type: Boolean, default: !0 },
+    distance: { default: 0 },
+    theme: { default: "dropdown" },
+    skidding: { default: 0 },
+    container: { default: "body" },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const [c, d] = B({ initialValue: !1 }), r = s(), n = s(), p = u(() => n.value?.getBoundingClientRect()), g = u(() => {
+      if (!r.value || !n.value)
+        return;
+      const { width: o } = n.value.getBoundingClientRect();
+      return -o;
+    });
+    return w(r, () => {
+      d(!1);
+    }), (o, i) => (v(), h(t(C), {
+      class: "menu",
+      theme: "is-menu",
+      triggers: [],
+      shown: t(c),
+      placement: "auto-start",
+      container: e.container,
+      flip: "",
+      distance: e.isOnTop ? t(g) : e.distance,
+      skidding: e.isOnTop ? -t(p)?.height / 2 : e.distance,
+      "auto-hide": !1,
+      "test-id": e.testId
+    }, {
+      popper: a(() => [
+        l("div", {
+          ref_key: "popup",
+          ref: r,
+          class: "menu-popup",
+          onClick: i[1] || (i[1] = (m) => t(d)(!1))
+        }, [
+          f(o.$slots, "default", {}, void 0, !0)
+        ], 512)
+      ]),
+      default: a(() => [
+        l("div", {
+          ref_key: "triggerRef",
+          ref: n,
+          onClick: i[0] || (i[0] = (m) => t(d)())
+        }, [
+          f(o.$slots, "trigger", {}, void 0, !0)
+        ], 512)
+      ]),
+      _: 3
+    }, 8, ["shown", "container", "distance", "skidding", "test-id"]));
+  }
+});
+export {
+  $ as default
+};

package/src/components/menuItem/MenuItem.vue.js

@@ -0,0 +1,7 @@
+import e from "./MenuItem.vue2.js";
+/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-67e53b85"]]);
+export {
+  p as default
+};

package/src/components/menuItem/MenuItem.vue2.js

@@ -0,0 +1,23 @@
+import { defineComponent as o, openBlock as s, createElementBlock as r, createElementVNode as n, renderSlot as t, createVNode as i, unref as d, withCtx as a } from "vue";
+import "../typography/Heading.vue.js";
+import c from "../typography/Text.vue.js";
+const m = { class: "menu-item" }, l = { class: "start-icon" }, h = /* @__PURE__ */ o({
+  __name: "MenuItem",
+  setup(u) {
+    return (e, _) => (s(), r("div", m, [
+      n("div", l, [
+        t(e.$slots, "start-icon", {}, void 0, !0)
+      ]),
+      i(d(c), { size: "sm" }, {
+        default: a(() => [
+          t(e.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }),
+      t(e.$slots, "end-icon", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  h as default
+};

package/src/components/multibar/MultiBar.vue.js

@@ -0,0 +1,7 @@
+import o from "./MultiBar.vue2.js";
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-71617643"]]);
+export {
+  p as default
+};

package/src/components/multibar/MultiBar.vue2.js

@@ -0,0 +1,103 @@
+import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as e, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
+import { useVModel as $ } from "@vueuse/core";
+import E from "../typography/v4/Typography.vue.js";
+import S from "../button/v4/ButtonV4.vue.js";
+import P from "../button/v4/IconButtonV4.vue.js";
+import w from "./MultiBarMenu.vue.js";
+import { useTestIdAttrs as L } from "../../utils/testIds.js";
+import { MultiBarTestIdModifiers as n } from "../../testids/index.js";
+const O = { class: "multi-bar-panel" }, R = {
+  key: 0,
+  class: "count-text"
+}, D = {
+  inheritAttrs: !1
+}, X = /* @__PURE__ */ k({
+  ...D,
+  __name: "MultiBar",
+  props: {
+    modelValue: { type: Boolean },
+    selectedCount: { default: 0 },
+    appendToBody: { type: Boolean, default: !0 },
+    actions: { default: () => [] },
+    visibleActionsCount: { default: 4 },
+    size: { default: "medium" },
+    position: { default: "center" },
+    testId: { default: "" },
+    zIndex: { default: 1e3 }
+  },
+  emits: ["update:modelValue", "close", "action"],
+  setup(o, { emit: s }) {
+    const t = o, f = $(t, "modelValue", s), I = () => {
+      f.value = !1, s("close");
+    }, b = (a) => {
+      s("action", a);
+    }, p = v(
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(0, t.visibleActionsCount) : t.actions
+    ), C = v(
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(t.visibleActionsCount) : []
+    ), y = L(t.testId, n);
+    return (a, F) => (l(), d(x, {
+      to: "body",
+      disabled: !o.appendToBody
+    }, [
+      u(g, { name: "multi-bar" }, {
+        default: c(() => [
+          e(f) ? (l(), r("div", B({
+            key: 0,
+            class: ["multi-bar", {
+              "light-theme-v4": !0,
+              "multi-bar--fixed": o.appendToBody,
+              "multi-bar--absolute": !o.appendToBody,
+              "multi-bar--small": o.size === "small",
+              "multi-bar--medium": o.size === "medium",
+              "multi-bar--left": o.position === "left"
+            }],
+            style: { zIndex: o.zIndex }
+          }, { ...a.$attrs, ...e(y)[e(n).WRAPPER] }), [
+            V("div", O, [
+              u(e(P), B({
+                "icon-name": "x",
+                class: "close-icon"
+              }, e(y)[e(n).CLOSE_BTN], { onClick: I }), null, 16),
+              o.selectedCount ? (l(), r("div", R, [
+                u(e(E), { variant: "body1" }, {
+                  default: c(() => [
+                    h(A(o.selectedCount) + " selected ", 1)
+                  ]),
+                  _: 1
+                })
+              ])) : m("", !0),
+              (l(!0), r(z, null, M(e(p), (i, T) => (l(), d(e(S), {
+                key: i.id,
+                class: N(["action-button", {
+                  "action-button--last": T === e(p).length - 1
+                }]),
+                variant: "text",
+                color: "default",
+                "start-icon-name": i.icon,
+                "data-testid": `${t.testId}-${e(n).ACTION}-${i.id}`,
+                disabled: i.disabled,
+                onClick: (U) => b(i)
+              }, {
+                default: c(() => [
+                  h(A(i.title), 1)
+                ]),
+                _: 2
+              }, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
+              e(C).length ? (l(), d(w, {
+                key: 1,
+                "menu-items": e(C),
+                "test-id": `${t.testId}-${e(n).MENU}`,
+                onSelected: b
+              }, null, 8, ["menu-items", "test-id"])) : m("", !0)
+            ])
+          ], 16)) : m("", !0)
+        ]),
+        _: 1
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  X as default
+};

package/src/components/multibar/MultiBarMenu.vue.js

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

package/src/components/multibar/MultiBarMenu.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as m, openBlock as l, createBlock as p, unref as t, withCtx as i, createVNode as s, createSlots as u, createTextVNode as c, toDisplayString as f } from "vue";
+import b 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 g from "../dropdown/v4/OptionV4.vue.js";
+import x from "../icon/v4/IconV4.vue.js";
+const M = /* @__PURE__ */ m({
+  __name: "MultiBarMenu",
+  props: {
+    menuItems: { default: () => [] },
+    testId: { default: "" }
+  },
+  emits: ["selected"],
+  setup(o, { emit: a }) {
+    const n = (r) => r.title;
+    return (r, d) => (l(), p(t(b), {
+      class: "multi-bar-menu",
+      options: o.menuItems,
+      "display-value": n,
+      "predefined-trigger": "icon-button",
+      placement: "right-end",
+      skidding: -20,
+      "test-id": o.testId,
+      "onUpdate:selected": d[0] || (d[0] = (e) => a("selected", e))
+    }, {
+      default: i(({ option: e }) => [
+        s(t(g), {
+          option: e,
+          disabled: e.disabled
+        }, u({
+          default: i(() => [
+            c(" " + f(n(e)), 1)
+          ]),
+          _: 2
+        }, [
+          e.icon ? {
+            name: "icon-start",
+            fn: i(() => [
+              s(t(x), {
+                name: e.icon,
+                size: "20px"
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["option", "disabled"])
+      ]),
+      _: 1
+    }, 8, ["options", "test-id"]));
+  }
+});
+export {
+  M as default
+};

package/src/components/popover/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";
+console.log('scoped// import "../../Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css"; //*');
+console.log('global// import "../../Popover.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-25eb53db"]]);
+export {
+  r as default
+};

package/src/components/popover/Popover.vue2.js

@@ -0,0 +1,38 @@
+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",
+  props: {
+    open: { type: Boolean },
+    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: "" }
+  },
+  setup(e) {
+    return (t, u) => (i(), r(l(s), {
+      theme: "custom-popover",
+      placement: e.placement,
+      shown: !!e.open,
+      triggers: e.trigger === "managed" ? [] : [e.trigger],
+      "auto-hide": e.autoHide,
+      distance: e.distance,
+      skidding: e.skidding,
+      "data-testid": e.testId
+    }, {
+      popper: a(({ hide: o }) => [
+        d(t.$slots, "content", { hide: o }, void 0, !0)
+      ]),
+      default: a(() => [
+        d(t.$slots, "trigger", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]));
+  }
+});
+export {
+  f as default
+};