@ironsource/shared-ui 2.1.7-rc.0 → 2.1.7-rc.10

package/components/input/v4/TextField.vue.d.ts

@@ -1,6 +1,6 @@
 import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
 import { LabelDirection, FieldSize, FieldType } from './TextField.types';
-import { FeedbackVariant } from '@/components/shared/commonTypes';
+import { FeedbackVariant, MaxLengthCounterPositions } from '@/components/shared/commonTypes';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number;
     placeholder?: string;
@@ -25,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix?: string;
     suffix?: string;
     maxLength?: number;
+    maxLengthCounterPosition?: MaxLengthCounterPositions;
     showApply?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
@@ -49,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix: string;
     suffix: string;
     maxLength: any;
+    maxLengthCounterPosition: string;
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
@@ -86,6 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix?: string;
     suffix?: string;
     maxLength?: number;
+    maxLengthCounterPosition?: MaxLengthCounterPositions;
     showApply?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
@@ -110,6 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix: string;
     suffix: string;
     maxLength: any;
+    maxLengthCounterPosition: string;
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
@@ -141,6 +145,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onlyDigits: boolean;
     prefix: string;
     suffix: string;
+    maxLengthCounterPosition: MaxLengthCounterPositions;
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;

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

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

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

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

package/components/input/v4/index.d.ts

@@ -23,6 +23,7 @@ declare const TextFieldTypes: () => ({
             onlyDigits: boolean;
             prefix: string;
             suffix: string;
+            maxLengthCounterPosition: "inside" | "outside";
             showApply: boolean;
             inlineError: boolean;
             inlineErrorText: string;
@@ -108,6 +109,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -143,7 +148,7 @@ declare const TextFieldTypes: () => ({
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onApply?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -234,6 +239,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -294,6 +303,7 @@ declare const TextFieldTypes: () => ({
             onlyDigits: boolean;
             prefix: string;
             suffix: string;
+            maxLengthCounterPosition: "inside" | "outside";
             showApply: boolean;
             inlineError: boolean;
             inlineErrorText: string;
@@ -399,6 +409,10 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -517,6 +531,10 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    maxLengthCounterPosition: {
+        type: import("vue").PropType<"inside" | "outside">;
+        default: string;
+    };
     showApply: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -577,6 +595,7 @@ declare const TextFieldTypes: () => ({
     onlyDigits: boolean;
     prefix: string;
     suffix: string;
+    maxLengthCounterPosition: "inside" | "outside";
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;

package/components/layout/FoldableSection.vue.js

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

package/components/layout/FoldableSection.vue2.js

@@ -0,0 +1,61 @@
+ import "../../FoldableSection.vue_vue_type_style_index_0_scoped_1a5f0e2e_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 "../icon/v4/IconFlag.vue.js";
+import { useTestIdAttrs as x } from "../../utils/testIds.js";
+import { FoldableSectionTestIdModifiers as l } from "../../testids/index.js";
+const E = { class: "foldable-section" }, F = /* @__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), m = () => {
+      e.value = !e.value, c("update:open", e.value);
+    };
+    return T(
+      () => o.open,
+      () => {
+        e.value = o.open;
+      },
+      {
+        immediate: !0
+      }
+    ), (u, S) => (s(), i("div", E, [
+      g("div", d({ class: "title-wrapper" }, t(n)[t(l).TITLE], { onClick: m }), [
+        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(u.$slots, "default", {}, void 0, !0)
+          ], 16)) : C("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  F 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.d.ts

@@ -27,9 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     testId: string;
 }>>>, {
+    container: string;
     theme: string;
     testId: string;
-    container: string;
     distance: number;
     isOnTop: boolean;
     skidding: number;

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/menu/index.d.ts

@@ -3,22 +3,22 @@ declare const MenuTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            container: string;
             theme: string;
             testId: string;
-            container: string;
             distance: number;
             isOnTop: boolean;
             skidding: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            theme: {
+            container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            testId: {
+            theme: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
+            testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -34,7 +34,7 @@ declare const MenuTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "container" | "distance" | "isOnTop" | "skidding">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "theme" | "testId" | "distance" | "isOnTop" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -49,15 +49,15 @@ declare const MenuTypes: () => ({
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            theme: {
+            container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            testId: {
+            theme: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
+            testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -74,9 +74,9 @@ declare const MenuTypes: () => ({
                 default: number;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            container: string;
             theme: string;
             testId: string;
-            container: string;
             distance: number;
             isOnTop: boolean;
             skidding: number;
@@ -101,15 +101,15 @@ declare const MenuTypes: () => ({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        theme: {
+        container: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        testId: {
+        theme: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        container: {
+        testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -130,15 +130,15 @@ declare const MenuTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: {
+    container: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    container: {
+    testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -155,9 +155,9 @@ declare const MenuTypes: () => ({
         default: number;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container: string;
     theme: string;
     testId: string;
-    container: string;
     distance: number;
     isOnTop: boolean;
     skidding: number;