@ironsource/shared-ui 2.1.6-test.8 → 2.1.6

package/src/components/dialog/v3/Dialog.vue2.js

@@ -0,0 +1,137 @@
+import { defineComponent as E, useCssVars as N, openBlock as s, createBlock as m, Teleport as w, createVNode as r, Transition as D, withCtx as n, unref as t, normalizeClass as f, createElementVNode as i, normalizeStyle as R, withKeys as A, renderSlot as u, createTextVNode as $, toDisplayString as h, createCommentVNode as l, createElementBlock as y } from "vue";
+import { UseFocusTrap as S } from "@vueuse/integrations/useFocusTrap/component";
+import k from "../../typography/Text.vue.js";
+import { NOOP as T } from "@vue/shared";
+import { Reason as B } from "../common/Reason.js";
+import "../../button/v3/Button.vue.js";
+import V from "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import g from "../../icon/v3/Icon.vue.js";
+import { DialogTestIdModifiers as o } from "../../../testids/index.js";
+import { dialogCommon as P } from "../common/Dialog.common.js";
+const z = ["data-testid"], p = ["data-testid"], K = ["data-testid"], F = ["data-testid"], H = { class: "placeholder" }, U = {
+  key: 1,
+  class: "footer"
+}, W = ["data-testid"], x = ["data-testid"], ee = /* @__PURE__ */ E({
+  __name: "Dialog",
+  props: {
+    appendToBody: { type: Boolean, default: !0 },
+    content: { default: null },
+    width: { default: "" },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: !0 },
+    showBackdrop: { type: Boolean, default: !0 },
+    headerBorder: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean },
+    beforeClose: { type: Function, default: null },
+    title: { default: "" },
+    showCloseButton: { type: Boolean, default: !0 },
+    themeClass: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(e, { emit: I }) {
+    const O = e;
+    N((d) => ({
+      "639c24b4": e.width
+    }));
+    const { visible: b, inlineStyle: v, handleClose: c } = P(O, I);
+    return (d, a) => (s(), m(w, {
+      to: "body",
+      disabled: !e.appendToBody
+    }, [
+      r(D, null, {
+        default: n(() => [
+          t(b) ? (s(), m(t(S), {
+            key: 0,
+            class: f(["container", e.themeClass])
+          }, {
+            default: n(() => [
+              i("div", {
+                class: "modal",
+                style: R(t(v)),
+                "data-testid": `${e.testId}-${t(o).WRAPPER}`,
+                onKeydown: a[1] || (a[1] = A((C) => e.escapeToClose ? t(c)(t(B).Escape) : t(T)(), ["esc"]))
+              }, [
+                i("header", {
+                  class: f(["header", { "header--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${t(o).HEADER}`
+                }, [
+                  e.headerBorder ? u(d.$slots, "header", { key: 0 }, () => [
+                    r(k, { strong: "" }, {
+                      default: n(() => [
+                        $(h(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0) : l("", !0),
+                  e.showCloseButton ? (s(), m(t(V), {
+                    key: 1,
+                    class: "button close-button",
+                    size: "md",
+                    theme: "secondary",
+                    variant: "colorized",
+                    "icon-name": "close",
+                    "data-testid": `${e.testId}-${t(o).ACTION_CLOSE}`,
+                    onClick: a[0] || (a[0] = (C) => t(c)(t(B).CloseButton))
+                  }, {
+                    default: n(() => [
+                      r(g, {
+                        "font-size": "md",
+                        name: "close"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["data-testid"])) : l("", !0)
+                ], 10, p),
+                e.headerBorder ? l("", !0) : (s(), y("div", {
+                  key: 0,
+                  class: "header--secondary",
+                  "data-testid": `${e.testId}-${t(o).HEADER_SECONDARY}`
+                }, [
+                  u(d.$slots, "header", {}, () => [
+                    r(k, { strong: "" }, {
+                      default: n(() => [
+                        $(h(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0)
+                ], 8, K)),
+                i("div", {
+                  class: f(["content", { "content--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${t(o).CONTENT}`
+                }, [
+                  u(d.$slots, "default", {}, () => [
+                    i("div", H, h(e.content), 1)
+                  ], !0)
+                ], 10, F),
+                d.$slots.footer ? (s(), y("footer", U, [
+                  i("div", {
+                    class: "action-buttons",
+                    "data-testid": `${e.testId}-${t(o).ACTION_BUTTONS_WRAPPER}`
+                  }, [
+                    u(d.$slots, "footer", {}, void 0, !0)
+                  ], 8, W)
+                ])) : l("", !0)
+              ], 44, z),
+              e.showBackdrop ? (s(), y("div", {
+                key: 0,
+                class: "backdrop",
+                "data-testid": `${e.testId}-${t(o).BACKDROP}`,
+                onClick: a[2] || (a[2] = (C) => e.closeOnClickOutside ? t(c)(t(B).Backdrop) : t(T)())
+              }, null, 8, x)) : l("", !0)
+            ]),
+            _: 3
+          }, 8, ["class"])) : l("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  ee as default
+};

package/src/components/dialog/v4/DialogV4.vue.js

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

package/src/components/dialog/v4/DialogV4.vue2.js

@@ -0,0 +1,155 @@
+import { defineComponent as A, openBlock as o, createBlock as c, Teleport as w, createVNode as b, Transition as I, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
+import { NOOP as V } from "@vue/shared";
+import T from "../../typography/v4/Typography.vue.js";
+import N from "../../button/v4/ButtonV4.vue.js";
+import p from "../../button/v4/IconButtonV4.vue.js";
+import { Reason as g } from "../common/Reason.js";
+import { dialogCommon as D } from "../common/Dialog.common.js";
+import { DialogTestIdModifiers as l } from "../../../testids/index.js";
+import { useTestIdAttrs as P } from "../../../utils/testIds.js";
+import { useMagicKeys as R, whenever as $ } from "@vueuse/core";
+const S = {
+  key: 0,
+  class: "container light-theme-v4"
+}, F = { class: "title" }, U = {
+  key: 1,
+  class: "footer"
+}, Q = /* @__PURE__ */ A({
+  __name: "DialogV4",
+  props: {
+    modelValue: { type: Boolean },
+    content: { default: null },
+    title: { default: "" },
+    subtitle: { default: "" },
+    appendToBody: { type: Boolean, default: !0 },
+    size: { default: "small" },
+    showBackdrop: { type: Boolean, default: !0 },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !1 },
+    beforeClose: { type: Function, default: null },
+    showCloseButton: { type: Boolean, default: !0 },
+    showFooter: { type: Boolean, default: !0 },
+    saveButtonLabel: { default: "Save" },
+    saveButtonLoading: { type: Boolean, default: !1 },
+    saveButtonColor: { default: "primary" },
+    cancelButtonLabel: { default: "Cancel" },
+    cancelButtonColor: { default: "default" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close", "save", "cancel"],
+  setup(t, { emit: v }) {
+    const i = t, { escape: L } = R(), a = P(i.testId, l), { visible: h, handleClose: y } = D(i, v);
+    $(L, () => {
+      h.value && i.escapeToClose && !i.saveButtonLoading && y(g.Escape);
+    });
+    const E = () => {
+      const { closeOnClickOutside: r, saveButtonLoading: n } = i;
+      r && !n ? y(g.Backdrop) : V();
+    };
+    return (r, n) => (o(), c(w, {
+      to: "body",
+      disabled: !t.appendToBody
+    }, [
+      b(I, null, {
+        default: u(() => [
+          e(h) ? (o(), m("div", S, [
+            C("div", s({
+              class: ["dialog", [`dialog--${t.size}`]]
+            }, e(a)[e(l).WRAPPER]), [
+              t.title || t.subtitle || t.showCloseButton ? (o(), m("header", s({
+                key: 0,
+                class: "header"
+              }, e(a)[e(l).HEADER]), [
+                C("div", F, [
+                  k(r.$slots, "header", {}, () => [
+                    t.title ? (o(), c(e(T), {
+                      key: 0,
+                      variant: "h3"
+                    }, {
+                      default: u(() => [
+                        f(B(t.title), 1)
+                      ]),
+                      _: 1
+                    })) : d("", !0),
+                    t.subtitle ? (o(), c(e(T), {
+                      key: 1,
+                      class: "subtitle",
+                      variant: "body1"
+                    }, {
+                      default: u(() => [
+                        f(B(t.subtitle), 1)
+                      ]),
+                      _: 1
+                    })) : d("", !0)
+                  ], !0)
+                ]),
+                t.showCloseButton ? (o(), c(e(p), s({
+                  key: 0,
+                  class: "close-button",
+                  "icon-name": "x",
+                  disabled: t.saveButtonLoading
+                }, e(a)[e(l).ACTION_CLOSE], {
+                  onClick: n[0] || (n[0] = (O) => e(y)(e(g).CloseButton))
+                }), null, 16, ["disabled"])) : d("", !0)
+              ], 16)) : d("", !0),
+              C("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
+                k(r.$slots, "default", {}, () => [
+                  t.content ? (o(), c(e(T), {
+                    key: 0,
+                    variant: "body1"
+                  }, {
+                    default: u(() => [
+                      f(B(t.content), 1)
+                    ]),
+                    _: 1
+                  })) : d("", !0)
+                ], !0)
+              ], 16),
+              t.showFooter ? (o(), m("footer", U, [
+                C("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
+                  k(r.$slots, "footer", {}, () => [
+                    b(e(N), s({
+                      class: "form-action",
+                      variant: "outlined",
+                      color: t.cancelButtonColor,
+                      disabled: t.saveButtonLoading
+                    }, e(a)[e(l).CANCEL_BUTTON], {
+                      onClick: n[1] || (n[1] = (O) => v("cancel"))
+                    }), {
+                      default: u(() => [
+                        f(B(t.cancelButtonLabel), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["color", "disabled"]),
+                    b(e(N), s({
+                      class: "form-action",
+                      loading: t.saveButtonLoading,
+                      color: t.saveButtonColor
+                    }, e(a)[e(l).SAVE_BUTTON], {
+                      onClick: n[2] || (n[2] = (O) => v("save"))
+                    }), {
+                      default: u(() => [
+                        f(B(t.saveButtonLabel), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["loading", "color"])
+                  ], !0)
+                ], 16)
+              ])) : d("", !0)
+            ], 16),
+            t.showBackdrop ? (o(), m("div", s({
+              key: 0,
+              class: "dialog-backdrop"
+            }, e(a)[e(l).BACKDROP], { onClick: E }), null, 16)) : d("", !0)
+          ])) : d("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  Q as default
+};

package/src/components/dropdown/common/Dropdown.common.js

@@ -0,0 +1,339 @@
+import { useToggle as we } from "../../../composables/useToggle.js";
+import { ref as n, computed as r, watch as m, useSlots as Ie, toRaw as O, nextTick as C, provide as xe, onMounted as De } from "vue";
+import { isObjectInArray as W } from "../../../utils/array.js";
+import { objectsEqual as Ce } from "../../../utils/object.js";
+import { useClamp as Ne, useVirtualList as Re, onClickOutside as Y } from "@vueuse/core";
+import { Mode as P, Type as V, DropdownContext as Ee } from "./DropdownContext.js";
+import { pxToRem as Me } from "../../../utils/style.js";
+import { useEditableContext as Ve } from "../../table-cells/common/EditableContext.js";
+const Ke = (l, A, b) => {
+  const Z = (e, t) => l.multi ? W(e, t) : O(e) === t;
+  let _;
+  ((e) => {
+    e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
+  })(_ || (_ = {}));
+  const a = n(
+    l.selected
+  ), N = Ve(), u = r({
+    get() {
+      return N?.value?.value ?? a.value;
+    },
+    set(e) {
+      N.onChange?.(e), N.onClose?.(), A("update:selected", e);
+    }
+  });
+  m(
+    () => l.selected,
+    () => {
+      a.value = l.selected, v.value = l.selected;
+    }
+  );
+  const F = Ie(), w = n(null), g = n(null), k = n(null), R = n(null), H = n(null), I = n(null), p = n(), B = n(null), L = n(null), U = n(null), ee = 8, le = r(() => I.value ? I.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), x = n(-1), T = n(""), v = n(l.selected || []), q = () => I.value?.focus(), [d, te, ae] = we({
+    disabled: l.disabled,
+    initialValue: l.defaultOpen
+  });
+  m(
+    () => l.disabled,
+    (e) => {
+      e !== void 0 && ae(e);
+    }
+  );
+  const G = (e) => {
+    ue.value = te(e);
+  }, ue = r({
+    get() {
+      return l.isOpen;
+    },
+    set(e) {
+      A("update:isOpen", e);
+    }
+  }), ne = r(() => s.value.length - 1), o = Ne(0, 0, ne), K = r(() => u.value ? l.displayValue(u.value) : ""), ie = (e) => {
+    if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
+      return l.placeholder;
+    const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
+    return e.value.length == 1 && l.displayValue ? l.displayValue(e.value[0]) : t;
+  }, re = r(() => {
+    if (!l.multi)
+      return u.value ? l.displayValue(u.value) : l.placeholder;
+    if (Array.isArray(a.value))
+      return ie(a);
+  }), $ = r(() => {
+    if (Array.isArray(a.value))
+      return a.value.length === s.value.length;
+  }), oe = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), E = (e) => {
+    T.value = e;
+  }, se = r(() => {
+    const e = O(v.value), t = {
+      selected: [],
+      notSelected: []
+    };
+    return O(l.options).forEach((y) => {
+      const f = e.includes(y) ? "selected" : "notSelected";
+      t[f].push(y);
+    }), [].concat(t.selected, t.notSelected);
+  }), s = r(() => {
+    const e = Array.isArray(v.value) && l.multi && b.VERSION === 4 ? se.value : l.options;
+    return l.onSearch ? e.filter((t) => l.onSearch(t, T.value)) : e;
+  }), ce = r(() => c.value[0]?.hasSubtitle), X = r(() => i.mode === P.Multi), j = r(
+    () => ce.value ? b.MULTILINE_LIST_HEIGHT : b.LIST_HEIGHT
+  ), {
+    list: z,
+    containerProps: J,
+    wrapperProps: ve,
+    scrollTo: D
+  } = Re(s, {
+    itemHeight: j.value,
+    overscan: l.disableVirtualScroll ? 1 / 0 : 2
+  });
+  m(
+    () => l.isOpen,
+    (e) => {
+      G(e);
+    }
+  ), m([x], async () => {
+    await C();
+  }), m(
+    [d, o, x],
+    async ([e], [t]) => {
+      d.value && (await C(), x.value !== -1 && e !== t && setTimeout(() => {
+        l.multi && b.VERSION === 4 || D(x.value);
+      }), o.value && setTimeout(() => {
+        D(o.value);
+      }));
+    }
+  ), m(T, () => {
+    D(0);
+  });
+  const h = (e, t = !1) => {
+    l.disabled || (G(e), C(() => {
+      d.value && A("opened"), d.value || A("closed"), w.value && t && w.value.focus();
+    }));
+  };
+  m(d, (e) => {
+    if (e) {
+      X.value && Array.isArray(u.value) && (v.value = O(u.value).slice());
+      return;
+    }
+    q();
+  });
+  const de = () => {
+    if ($.value) {
+      a.value = [];
+      return;
+    }
+    if (Array.isArray(a.value)) {
+      if (a.value.length === s.value.length) {
+        a.value = [];
+        return;
+      }
+      a.value = s.value, A("selectAll");
+    }
+  }, fe = () => {
+    de(), b.VERSION !== 4 && (u.value = a.value);
+  }, ge = (e = !0) => {
+    a.value = [], e && (u.value = [], v.value = []), A("clear");
+  }, M = (e, t) => {
+    if (e = O(e), c.value[t]?.disabled)
+      return;
+    if (x.value = t, i.mode !== P.Multi) {
+      l.keepOpen || h(!1), i.goToOption(
+        0
+        /* None */
+      ), u.value = e, E(""), q(), i.type === V.Search && g.value && (g.value.value = l.displayValue(e));
+      return;
+    }
+    if (!Array.isArray(a.value))
+      return;
+    g.value?.focus();
+    const S = O(a.value);
+    if (W(S, e)) {
+      a.value = S.filter(
+        (f) => !Ce(f, e)
+      );
+      return;
+    } else {
+      a.value = [...S, e];
+      return;
+    }
+  }, he = (e) => c.value[e]?.disabled, i = {
+    activeIndex: o,
+    options: c,
+    selectedOption: u,
+    labelRef: H,
+    activeOption: R,
+    listRef: w,
+    clearable: l.clearable,
+    type: F.input ? V.Search : V.Dropdown,
+    mode: l.multi ? P.Multi : P.Single,
+    query: T,
+    selectedValue: K,
+    toggle: h,
+    disabled: l.disabled,
+    open: d,
+    mandatory: l.mandatory,
+    size: l.size,
+    placeholder: l.placeholder,
+    select: M,
+    clearSelection: () => {
+      E(""), u.value = i.mode === P.Single ? null : [], v.value = i.mode === P.Single ? null : [], g.value && (g.value.value = "");
+    },
+    search: E,
+    goToOption: async (e) => {
+      if (!d.value)
+        return;
+      let t = o.value + e;
+      const y = c.value.filter(
+        (f) => f.disabled
+      ).length, S = s.value.length - y;
+      for (t > S && (t = S + 1); ; ) {
+        if (!c.value[t]?.disabled) {
+          R.value = s.value[t], o.value = t;
+          return;
+        }
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!he(o.value)) {
+          R.value = s.value[t], o.value = t;
+          return;
+        }
+      }
+    },
+    registerInput: (e) => {
+      g.value = e.value;
+    },
+    registerOption: (e, t, y) => {
+      c.value = [...c.value, { id: e, disabled: t, hasSubtitle: y }];
+    },
+    unRegisterOption(e) {
+      c.value = c.value.filter((t) => t.id !== e);
+    }
+  };
+  xe(Ee, i), Y(
+    w,
+    () => {
+      d.value && Q();
+    },
+    {
+      ignore: [
+        I,
+        B,
+        L,
+        U,
+        g,
+        J.ref
+      ]
+    }
+  );
+  const ye = () => {
+    g.value && (g.value.value = i.query.value = "");
+  };
+  De(async () => {
+    l.autoFocus && (await C(), setTimeout(() => {
+      k.value.focus();
+    })), i.goToOption(0);
+  });
+  const Se = () => {
+    u.value = a.value, Array.isArray(u.value) && (v.value = O(u.value).slice()), A("apply", u.value), h(!1), ye();
+  }, Q = () => {
+    X.value && Array.isArray(v.value) && (u.value = O(v.value).slice()), T.value = "", h(!1);
+  }, be = (e) => {
+    if (!l.disableKeyboardEvents)
+      switch (e.key) {
+        case "Space":
+        case "Enter":
+        case "ArrowUp":
+        case "ArrowDown":
+          h(!0), e.preventDefault();
+      }
+  }, Oe = (e) => {
+    if (!l.disableKeyboardEvents)
+      switch (e.key) {
+        case "ArrowUp": {
+          i.goToOption(
+            -1
+            /* Previous */
+          ), e.preventDefault(), e.stopPropagation();
+          break;
+        }
+        case "ArrowDown": {
+          i.goToOption(
+            1
+            /* Next */
+          ), e.preventDefault(), e.stopPropagation();
+          break;
+        }
+        case "Escape": {
+          h(!1), e.preventDefault();
+          break;
+        }
+        case "PageUp": {
+          i.goToOption(
+            10
+            /* NextPage */
+          ), e.preventDefault();
+          break;
+        }
+        case "PageDown": {
+          i.goToOption(
+            -10
+            /* PrevPage */
+          ), e.preventDefault();
+          break;
+        }
+        case "Enter": {
+          if (!d.value) {
+            h(!0);
+            return;
+          }
+          M(s.value[o.value], o.value), i.mode === P.Single && !l.keepOpen && h(!1), e.preventDefault();
+          break;
+        }
+      }
+  }, Ae = r(() => {
+    const e = z.value.reduce((me, Pe) => {
+      const Te = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Pe.data) : 1;
+      return me + Te;
+    }, 0), t = l.multi && l.showSelectAll ? 1 : 0, y = e > b.MAX_NUMBER_OF_OPTIONS, S = e + t;
+    let f = y ? b.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
+    return l.noResultsText && f === 0 && (f = f + 1), Me(
+      f * j.value + b.PADDING_PX
+    );
+  });
+  return {
+    onKeydown: Oe,
+    location: le,
+    open: d,
+    toggleMenu: h,
+    onButtonKeydown: be,
+    displayedValue: re,
+    labelRef: H,
+    query: T,
+    containerProps: J,
+    calculateTableHeight: Ae,
+    wrapperProps: ve,
+    filteredOptions: s,
+    allSelected: $,
+    isIndeterminate: oe,
+    onSelectAll: fe,
+    virtualOptions: z,
+    isSelected: Z,
+    selectedOption: u,
+    selectedOptionPrevious: v,
+    selectedValue: K,
+    onSelect: M,
+    activeIndex: o,
+    onCancel: Q,
+    onApply: Se,
+    scrollTo: D,
+    onClickOutside: Y,
+    listRef: w,
+    buttonRef: I,
+    apply: B,
+    cancel: L,
+    el: k,
+    triggerRef: p,
+    clearAll: U,
+    onClearAllSelections: ge
+  };
+};
+export {
+  Ke as dropdownCommon
+};

package/src/components/dropdown/common/Option.common.js

@@ -0,0 +1,24 @@
+import { ref as s, onMounted as m, onUnmounted as v, computed as o, toRaw as i } from "vue";
+import { useId as f } from "../../../composables/useId.js";
+import { useDropdownContext as O, Mode as l } from "./DropdownContext.js";
+const A = (e) => {
+  const t = O("Option"), n = f().value, u = s(null), c = (a) => {
+    e.selectAllOption ? a.stopPropagation() : t.select(e.option);
+  };
+  m(() => t.registerOption(n, e.disabled, !!e.subtitle)), v(() => {
+    t.unRegisterOption(n);
+  });
+  const r = o(() => t.mode === l.Multi), d = o(() => e.active !== null ? e.active : t.activeIndex.value !== null ? t.activeOption.value === e.option : !1);
+  return {
+    selected: o(() => e.selectedProp !== null ? e.selectedProp : t.mode === l.Multi && Array.isArray(t.selectedOption.value) ? i(t.selectedOption.value.includes(e.option)) : i(t.selectedOption.value) === i(e.option)),
+    isMulti: r,
+    id: n,
+    onClick: c,
+    api: t,
+    el: u,
+    active: d
+  };
+};
+export {
+  A as optionCommon
+};

package/src/components/dropdown/composables/useChildOptions.js

@@ -0,0 +1,14 @@
+const c = (s, t) => {
+  const l = (e) => e && e[t] ? e[t] : [], r = (e) => l(e)?.length > 0;
+  return {
+    hasChildren: r,
+    getChildren: l,
+    someChildrenSelected: (e) => r(e) ? l(e).some((n) => s.value.includes(n)) : !1,
+    allChildrenSelected: (e) => r(e) ? l(e).every(
+      (n) => s.value.includes(n)
+    ) : !1
+  };
+};
+export {
+  c as useChildOptions
+};

package/src/components/dropdown/v3/Dropdown.vue.js

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