@ironsource/shared-ui 2.1.0-rc.2 → 2.1.0

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

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

package/components/layout/CardPanel.vue.js

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

package/components/layout/CardPanel.vue2.js

@@ -0,0 +1,25 @@
+ import "../../CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css"; import { defineComponent as t, ref as a, onMounted as r, openBlock as s, createElementBlock as d, normalizeClass as c, renderSlot as f } from "vue";
+const u = /* @__PURE__ */ t({
+  __name: "CardPanel",
+  props: {
+    noPadding: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const e = a(null), n = a(!1);
+    return r(() => {
+      n.value = e.value?.nextSibling?.classList?.contains("card-panel") || null;
+    }), (o, i) => (s(), d("div", {
+      ref_key: "rootRef",
+      ref: e,
+      class: c(["card-panel", {
+        "card-panel--no-padding": l.noPadding,
+        "card-panel--has-next": n.value
+      }])
+    }, [
+      f(o.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  u as default
+};

package/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";
+// import "../../FoldableSection.vue_vue_type_style_index_0_scoped_51b5b56d_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-51b5b56d"]]);
+export {
+  c as default
+};

package/components/layout/FoldableSection.vue2.js

@@ -0,0 +1,57 @@
+ import "../../FoldableSection.vue_vue_type_style_index_0_scoped_51b5b56d_lang.css"; 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" }, {
+          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/components/layout/FormCard.vue.js

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

package/components/layout/FormCard.vue2.js

@@ -0,0 +1,74 @@
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css"; import { defineComponent as g, openBlock as v, createElementBlock as T, createElementVNode as r, mergeProps as n, unref as e, renderSlot as s, createVNode as i, withCtx as c, createTextVNode as f, toDisplayString as u, createCommentVNode as B } from "vue";
+import N from "../typography/v4/Typography.vue.js";
+import p from "../button/v4/ButtonV4.vue.js";
+import "../button/v4/IconButtonV4.vue.js";
+import { FormCardTestIdModifiers as a } from "../../testids/index.js";
+import { useTestIdAttrs as L } from "../../utils/testIds.js";
+const y = { class: "form-card" }, b = /* @__PURE__ */ g({
+  __name: "FormCard",
+  props: {
+    title: { default: "" },
+    noPadding: { type: Boolean, default: !1 },
+    actionButtons: { type: Boolean, default: !1 },
+    saveLabel: { default: "Save" },
+    cancelLabel: { default: "Cancel" },
+    saveLoading: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["save", "cancel"],
+  setup(t, { emit: m }) {
+    const o = L(t.testId, a);
+    return (d, l) => (v(), T("div", null, [
+      r("div", y, [
+        r("header", n({ class: "card-header" }, e(o)[e(a).TITLE]), [
+          s(d.$slots, "header", {}, () => [
+            i(e(N), { variant: "h3" }, {
+              default: c(() => [
+                f(u(t.title), 1)
+              ]),
+              _: 1
+            })
+          ], !0)
+        ], 16),
+        r("div", n({
+          class: ["card-content", { "card-content--no-padding": t.noPadding }]
+        }, e(o)[e(a).CONTENT]), [
+          s(d.$slots, "default", {}, void 0, !0)
+        ], 16)
+      ]),
+      t.actionButtons ? (v(), T("div", n({
+        key: 0,
+        class: "form-actions"
+      }, e(o)[e(a).ACTIONS]), [
+        s(d.$slots, "footer", {}, () => [
+          i(e(p), n({
+            class: "form-action",
+            variant: "outlined",
+            color: "default"
+          }, e(o)[e(a).CANCEL_BUTTON], {
+            onClick: l[0] || (l[0] = (C) => m("cancel"))
+          }), {
+            default: c(() => [
+              f(u(t.cancelLabel), 1)
+            ]),
+            _: 1
+          }, 16),
+          i(e(p), n({
+            class: "form-action",
+            loading: t.saveLoading
+          }, e(o)[e(a).SAVE_BUTTON], {
+            onClick: l[1] || (l[1] = (C) => m("save"))
+          }), {
+            default: c(() => [
+              f(u(t.saveLabel), 1)
+            ]),
+            _: 1
+          }, 16, ["loading"])
+        ], !0)
+      ], 16)) : B("", !0)
+    ]));
+  }
+});
+export {
+  b as default
+};

package/components/layout/FormRow.vue.js

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

package/components/layout/FormRow.vue2.js

@@ -0,0 +1,43 @@
+ import "../../FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css"; import { defineComponent as c, openBlock as t, createElementBlock as i, createElementVNode as a, createVNode as m, unref as o, withCtx as l, createTextVNode as d, toDisplayString as u, createBlock as f, createCommentVNode as r, renderSlot as y } from "vue";
+import n from "../typography/v4/Typography.vue.js";
+const p = {
+  key: 0,
+  class: "form-row"
+}, _ = ["data-testid"], h = { class: "content" }, B = /* @__PURE__ */ c({
+  __name: "FormRow",
+  props: {
+    label: { default: "" },
+    mandatory: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    return (s, b) => e.label ? (t(), i("div", p, [
+      a("div", {
+        "data-testid": e.testId,
+        class: "label-container"
+      }, [
+        m(o(n), { variant: "inputLabel" }, {
+          default: l(() => [
+            d(u(e.label), 1)
+          ]),
+          _: 1
+        }),
+        e.mandatory ? (t(), f(o(n), {
+          key: 0,
+          class: "mandatory"
+        }, {
+          default: l(() => [
+            d("*")
+          ]),
+          _: 1
+        })) : r("", !0)
+      ], 8, _),
+      a("div", h, [
+        y(s.$slots, "default", {}, void 0, !0)
+      ])
+    ])) : r("", !0);
+  }
+});
+export {
+  B as default
+};

package/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";
+// 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/components/loader/v4/Loader.vue2.js

@@ -0,0 +1,48 @@
+ import "../../../Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css"; 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/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";
+// import "../../Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css"; //*');
+// import "../../Menu.vue_vue_type_style_index_1_lang.css";  //');
+const l = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb057818"]]);
+export {
+  l as default
+};

package/components/menu/Menu.vue2.js

@@ -0,0 +1,62 @@
+ import "../../Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css";  import "../../Menu.vue_vue_type_style_index_1_lang.css";  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/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";
+// 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/components/menuItem/MenuItem.vue2.js

@@ -0,0 +1,23 @@
+ import "../../MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css"; 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/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";
+// import "../../MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f5061530"]]);
+export {
+  p as default
+};