bitboss-ui 2.0.165 → 2.0.167

package/dist/index79.js

@@ -1,221 +1,255 @@
-import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index273.js";
-import { useId as re } from "./index8.js";
-import oe from "./index128.js";
+import { defineComponent as U, computed as V, useTemplateRef as q, ref as F, createBlock as h, openBlock as b, normalizeClass as W, withCtx as L, createElementBlock as T, createCommentVNode as D, unref as p, normalizeStyle as G, renderSlot as v, Fragment as A, renderList as J, createVNode as Q, mergeProps as X, createElementVNode as Y, toDisplayString as Z, normalizeProps as x, guardReactiveProps as ee } from "vue";
+import { findRightIndex as _ } from "./index269.js";
+import { useId as te } from "./index8.js";
+import { useIntersectionObserver as oe } from "./index137.js";
+import { useUntil as ne } from "./index270.js";
+import { wait as ae } from "./index135.js";
+import le from "./index13.js";
+/* empty css        */
+import B from "./index85.js";
+/* empty css        */
+import se from "./index271.js";
 /* empty css         */
-const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dropzone__submittable-label" }, ne = ["id", "disabled", "multiple", "name"], ie = { class: "bb-dropzone__errors" }, fe = /* @__PURE__ */ j({
-  __name: "BbDropzone",
+import O from "./index273.js";
+const ie = ["id", "aria-labelledby", "inert"], re = { class: "item__content" }, $e = /* @__PURE__ */ U({
+  __name: "BbDropdown",
   props: {
-    autofocus: {},
+    arrowPadding: { default: 10 },
+    block: { type: Boolean },
     disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
+    eager: { type: Boolean },
     id: {},
-    multiple: { type: Boolean },
-    name: {},
-    accept: {},
-    maxFiles: {},
-    maxSize: {},
-    modelValue: {},
-    tag: { default: "div" }
+    offset: { default: 3 },
+    padding: { default: 6 },
+    placement: { default: "bottom" },
+    theme: { default: "default" },
+    transitionDuration: { default: 300 },
+    teleportTarget: {},
+    items: {},
+    width: { default: 200 }
   },
-  emits: ["blur", "error", "focus", "update:modelValue"],
-  setup(D, { emit: C }) {
-    let b;
-    const a = D, l = C, d = g(null);
-    if (a.accept && !Array.isArray(a.accept))
-      throw new Error("Property accept is not an array");
-    if (a.multiple && !Array.isArray(a.modelValue))
-      throw new Error(
-        "Component is set to multiple but modelValue is not an array"
+  setup(K) {
+    const u = K, d = u.id ?? `bb_${te().id.value}`, c = V(() => {
+      let e = u.items.findIndex((o) => !o.disabled), a = _(
+        u.items,
+        (o) => !o.disabled
       );
-    const h = g(!1), I = (e) => {
-      h.value = !0, l("focus", e);
-    }, L = (e) => {
-      h.value = !1, l("blur", e);
-    };
-    x(
-      () => a.modelValue,
-      () => {
-        let e = new DataTransfer();
-        Array.isArray(a.modelValue) ? a.modelValue.length && a.modelValue.forEach((t) => e.items.add(t)) : a.modelValue && e.items.add(a.modelValue), d.value && (e.items.length ? d.value.files = e.files : d.value.files = null);
-      }
-    );
-    const p = g([]), P = m(
-      () => p.value.join(",")
-    );
-    x(
-      () => a.accept,
-      async () => {
-        if (a.accept) {
-          let e = [];
-          for (let t = 0; t < a.accept.length; t++) {
-            const r = a.accept[t];
-            if (r.includes("/")) e.push(r);
-            else {
-              b || (b = (await import("./index272.js")).default);
-              const o = b.getType(r);
-              if (!o)
-                throw new Error(
-                  `Could not detect the correct mime associated with ${r}`
+      return u.items.map((o, t) => {
+        const n = `${d}-item-${o.key}`, { onClick: S, ...C } = o, N = async () => {
+          await f();
+          const s = document.querySelector(`#${d}`);
+          if (s) s instanceof HTMLElement && s.focus();
+          else return;
+          S && S();
+        }, R = (s) => {
+          if (s.target instanceof HTMLElement && s.target.dataset.dropdownItem) {
+            if (!i.value) return;
+            if (s.key === "ArrowDown") {
+              if (s.preventDefault(), i.value && t !== a) {
+                const r = i.value.querySelector(
+                  O.map((y) => `#${n} ~ ${y}`).join(",")
                 );
-              e.push(o);
+                r && r instanceof HTMLElement && r.focus();
+              }
+            } else if (s.key === "ArrowUp") {
+              if (s.preventDefault(), i.value && t !== e) {
+                const r = _(u.items, (k, $) => $ < t && !k.disabled), w = Array.from(
+                  i.value.querySelectorAll(".bb-dropdown__item")
+                )[r];
+                w && w instanceof HTMLElement && w.focus();
+              }
+            } else if (s.key === "Tab") {
+              if (t === a && !s.shiftKey) {
+                const r = O.join(","), y = Array.from(
+                  document.querySelectorAll(r)
+                ), w = y.findIndex(
+                  ($) => $.id === d
+                ), k = y[w + 1];
+                if (k) k instanceof HTMLElement && (s.preventDefault(), f(), k.focus());
+                else return;
+              } else if (t === e && s.shiftKey) {
+                const r = document.querySelector(`#${d}`);
+                if (r) r instanceof HTMLElement && (s.preventDefault(), r.focus());
+                else return;
+              }
             }
           }
-          p.value = e;
-        }
+        };
+        return {
+          ...C,
+          original: o,
+          key: o.key.split(/\W+/g).join("_").toLowerCase(),
+          disabled: C.disabled || u.disabled,
+          id: n,
+          onClick: N,
+          onKeydown: R
+        };
+      });
+    }), m = q("wrapper"), i = q("content");
+    oe(
+      m,
+      ([{ intersectionRatio: e }]) => {
+        e !== 1 && l.value && f();
       },
-      { immediate: !0 }
+      { threshold: [0, 1] }
     );
-    const z = a.id || `${re().id.value}`, v = `bb_dz_${z}`, i = g(!1);
-    let T;
-    const k = m(() => ({
-      "bb-dropzone": !0,
-      "bb-dropzone--errors": R.value,
-      "bb-dropzone--dragging": i.value
-    })), q = m(() => ({
-      dragging: i.value,
-      focused: h.value,
-      id: z
-    })), $ = (e) => {
-      if (i.value = !1, e.dataTransfer) {
-        e.stopImmediatePropagation();
-        let t;
-        if (t = Array.from(e.dataTransfer.files), t = B(t), a.multiple ? Array.isArray(a.modelValue) && l("update:modelValue", [...a.modelValue, ...t]) : (t = t[0], l("update:modelValue", t)), e.currentTarget instanceof HTMLLabelElement) {
-          const r = e.currentTarget.querySelector("input[type=file]");
-          r instanceof HTMLInputElement && r.focus();
+    const l = F(!1), g = ne(l), P = () => {
+      l.value ? f() : E();
+    }, j = async (e) => {
+      let a = u.items.findIndex((t) => !t.disabled), o = _(
+        u.items,
+        (t) => !t.disabled
+      );
+      if (e.key === "ArrowDown") {
+        if (e.preventDefault(), l.value || await E(), i.value && c.value.length && a !== -1) {
+          const t = c.value[a].id, n = i.value.querySelector(`#${t}`);
+          n && n instanceof HTMLElement && n.focus();
+        }
+      } else if (e.key === "ArrowUp") {
+        if (e.preventDefault(), l.value || await E(), i.value && c.value.length && o !== -1) {
+          const t = c.value[o].id, n = i.value.querySelector(`#${t}`);
+          n && n instanceof HTMLElement && n.focus();
         }
+      } else if (e.key === "Tab" && l.value && !e.shiftKey && (e.preventDefault(), i.value && c.value.length && a !== -1)) {
+        const t = c.value[a].id, n = i.value.querySelector(`#${t}`);
+        n && n instanceof HTMLElement && n.focus();
       }
     }, H = (e) => {
-      if (e.target instanceof HTMLInputElement) {
-        if (e.target.files) {
-          let t;
-          t = B(Array.from(e.target.files)), a.multiple ? Array.isArray(a.modelValue) && l("update:modelValue", [...a.modelValue, ...t]) : (t = t[0], l("update:modelValue", t));
-        }
-        e.target.value = "", e.target.files = null;
+      const a = e.target;
+      if (a && a instanceof HTMLElement) {
+        let o = !0;
+        m.value && m.value.$el.contains(a) && (o = !1), i.value && i.value.contains(a) && (o = !1), o && f();
       }
-    }, B = (e) => e.filter((t, r) => {
-      if (a.maxSize && !(t.size <= a.maxSize))
-        return l("error", f.maxSize(t)), !1;
-      let o = !1;
-      return a.modelValue && (Array.isArray(a.modelValue) ? o = a.modelValue.some(
-        (s) => S(s, t)
-      ) : o = S(a.modelValue, t)), o ? (l("error", f.uniqueness(t)), !1) : a.accept && !p.value.some((n) => {
-        let u = !1;
-        return n.includes("*") ? u = u || n.split("/")[0] === t.type.split("/")[0] : u = u || n === t.type, u;
-      }) ? (l("error", f.accept(t)), !1) : a.maxFiles && Array.isArray(a.modelValue) && a.modelValue.length + r + 1 > a.maxFiles ? (l(
-        "error",
-        f.maxFiles(t, a.modelValue.length + r + 1)
-      ), !1) : !0;
-    }), N = (e) => {
-      const t = e.target;
-      if (t instanceof HTMLElement) {
-        const r = ae(
-          [t],
-          "parentElement",
-          (o) => o.classList.contains("bb-dropzone")
-        );
-        r && (r.id === v ? E() : _());
+    }, I = (e) => {
+      const a = e.target;
+      if (a && a instanceof HTMLElement) {
+        let o = !0;
+        m.value && m.value.$el.contains(a) && (o = !1), o && f();
       }
-    }, E = () => {
-      clearTimeout(T), i.value = !0;
-    }, _ = () => {
-      T = setTimeout(() => {
-        i.value = !1;
-      }, 100);
-    }, A = (e, t = 2) => {
-      if (!e) return "0 B";
-      const r = 1024, o = t || 0, s = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], n = Math.floor(Math.log(e) / Math.log(r));
-      return parseFloat((e / Math.pow(r, n)).toFixed(o)) + " " + s[n];
-    }, S = (e, t) => !["name", "size", "lastModified", "type"].some((o) => e[o] !== t[o]), f = {
-      maxSize: (e) => {
-        if (a.maxSize)
-          return {
-            type: "maxSize",
-            file: e,
-            formattedMaxSize: A(+a.maxSize),
-            formattedSize: A(e.size),
-            filename: e.name
-          };
-        throw new Error(
-          "Requested to create an error for maxSize without providing a maxSize."
-        );
-      },
-      uniqueness: (e) => ({
-        type: "uniqueness",
-        file: e,
-        filename: e.name
-      }),
-      accept: (e) => ({
-        type: "accept",
-        file: e,
-        acceptedMimeTypes: p.value,
-        mimeType: e.type,
-        filename: e.name
-      }),
-      maxFiles: (e, t) => ({
-        type: "maxFiles",
-        file: e,
-        maxFiles: a.maxFiles,
-        totalFiles: t,
-        filename: e.name
-      })
-    }, w = m(() => a.errors ? [].concat(a.errors) : []), R = m(
-      () => !!w.value.length || a.hasErrors
-    );
-    return (e, t) => (V(), G(K(e.tag), {
-      id: v,
-      class: O(k.value)
+    }, M = (e) => {
+      var a;
+      if (l.value && e.key === "Escape") {
+        if (((a = document.activeElement) == null ? void 0 : a.id) !== d) {
+          const o = document.querySelector(`#${d}`);
+          o instanceof HTMLElement && o.focus();
+        }
+        f();
+      }
+    }, z = F(!1), E = async () => {
+      z.value = !0, await ae(50), l.value = !0, document.addEventListener("click", H, { passive: !0 }), document.addEventListener("focusin", I, { passive: !0 }), document.addEventListener("keydown", M, { passive: !0 });
+    }, f = async () => {
+      l.value = !1, document.removeEventListener("click", H), document.removeEventListener("focusin", I), document.removeEventListener("keydown", M);
+    };
+    return (e, a) => (b(), h(se, {
+      ref_key: "wrapper",
+      ref: m,
+      "arrow-padding": e.arrowPadding,
+      block: e.block,
+      class: W(["bb-dropdown", {
+        [`bb-dropdown--${e.theme}`]: !0
+      }]),
+      "model-value": l.value,
+      offset: e.offset,
+      padding: e.padding,
+      placement: e.placement,
+      "transition-duration": e.transitionDuration
     }, {
-      default: M(() => [
-        c("label", {
-          onDragenter: y(E, ["prevent"]),
-          onDragleave: y(_, ["prevent"]),
-          onDragover: y(N, ["prevent"]),
-          onDrop: y($, ["prevent"])
+      activator: L(() => [
+        v(e.$slots, "activator", x(ee({
+          props: {
+            "aria-expanded": p(g) ? l.value : !1,
+            "aria-controls": p(g) ? `menu_${p(d)}` : void 0,
+            id: p(d),
+            onClick: P,
+            onKeydown: j,
+            disabled: e.disabled
+          },
+          disabled: e.disabled,
+          open: l.value,
+          placement: e.placement
+        })))
+      ]),
+      default: L(() => [
+        p(g) ? (b(), T("span", {
+          key: 0,
+          id: `menu_${p(d)}`,
+          ref_key: "content",
+          ref: i,
+          "aria-labelledby": p(d),
+          "aria-role": "menu",
+          class: "bb-dropdown__items-container",
+          inert: !l.value,
+          style: G({ width: `${e.width}px` })
         }, [
-          c("input", {
-            accept: P.value,
-            autofocus: e.autofocus,
-            class: "sr-only",
+          v(e.$slots, "prepend", {
             disabled: e.disabled,
-            multiple: e.multiple,
-            type: "file",
-            onBlur: L,
-            onChange: H,
-            onFocus: I
-          }, null, 40, le),
-          U(e.$slots, "default", Y(Z(q.value)))
-        ], 32),
-        c("label", se, [
-          t[0] || (t[0] = J(" Server files ")),
-          c("input", {
-            id: Q(z),
-            ref_key: "submittable",
-            ref: d,
-            class: "bb-dropzone__submittable-input",
+            open: l.value,
+            placement: e.placement
+          }),
+          (b(!0), T(A, null, J(c.value, ({ original: o, ...t }, n) => (b(), T(A, {
+            key: t.key
+          }, [
+            v(e.$slots, "item:prepend", {
+              disabled: t.disabled,
+              index: n,
+              item: e.items[n],
+              open: l.value,
+              placement: e.placement,
+              text: t.text
+            }),
+            Q(le, X({
+              "aria-role": "menuitem",
+              class: ["bb-dropdown__item", {
+                "bb-dropdown__item--first": n === 0,
+                "bb-dropdown__item--last": n === e.items.length - 1
+              }],
+              "data-dropdown-item": !0,
+              ref_for: !0
+            }, t), {
+              default: L(() => [
+                v(e.$slots, t.key, {
+                  disabled: t.disabled,
+                  index: n,
+                  item: o,
+                  open: l.value,
+                  placement: e.placement,
+                  text: t.text
+                }, () => [
+                  t["prepend:icon"] ? (b(), h(B, {
+                    key: 0,
+                    class: "item__prepend-icon",
+                    type: t["prepend:icon"]
+                  }, null, 8, ["type"])) : D("", !0),
+                  Y("span", re, Z(t.text), 1),
+                  t["append:icon"] ? (b(), h(B, {
+                    key: 1,
+                    class: "item__append-icon",
+                    type: t["append:icon"]
+                  }, null, 8, ["type"])) : D("", !0)
+                ])
+              ]),
+              _: 2
+            }, 1040, ["class"]),
+            v(e.$slots, "item:append", {
+              disabled: t.disabled,
+              index: n,
+              item: e.items[n],
+              open: l.value,
+              placement: e.placement,
+              text: t.text
+            })
+          ], 64))), 128)),
+          v(e.$slots, "append", {
             disabled: e.disabled,
-            multiple: e.multiple,
-            name: e.name,
-            type: "file"
-          }, null, 8, ne)
-        ]),
-        c("span", ie, [
-          W(oe, { tag: "span" }, {
-            default: M(() => [
-              (V(!0), F(X, null, ee(w.value, (r) => (V(), F("span", {
-                key: r,
-                class: "bb-dropzone__error"
-              }, te(r), 1))), 128))
-            ]),
-            _: 1
+            open: l.value,
+            placement: e.placement
           })
-        ])
+        ], 12, ie)) : D("", !0)
       ]),
       _: 3
-    }, 8, ["class"]));
+    }, 8, ["arrow-padding", "block", "class", "model-value", "offset", "padding", "placement", "transition-duration"]));
   }
 });
 export {
-  fe as default
+  $e as default
 };

package/dist/index81.js

@@ -1,46 +1,154 @@
-import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index271.js";
-const M = /* @__PURE__ */ h({
-  __name: "BbIntersection",
+import { defineComponent as j, ref as N, computed as g, createElementBlock as $, openBlock as l, mergeProps as y, unref as d, createVNode as u, withCtx as n, createBlock as L, createCommentVNode as _, createElementVNode as b, toDisplayString as v, createSlots as V, renderSlot as r, normalizeProps as s, guardReactiveProps as p, renderList as E } from "vue";
+import C from "./index13.js";
+/* empty css        */
+import A from "./index79.js";
+/* empty css        */
+/* empty css       */
+/* empty css       */
+import z from "./index85.js";
+/* empty css        */
+import I from "./index113.js";
+/* empty css         */
+import { useLocale as M } from "./index219.js";
+const O = { class: "bb-dropdown-button__content" }, R = {
+  key: 1,
+  class: "bb-dropdown-button__loading-label sr-only"
+}, T = { class: "bb-dropdown-button__dropdown-label sr-only" }, ee = /* @__PURE__ */ j({
+  __name: "BbDropdownButton",
   props: {
-    debounceTime: { default: 0 },
-    options: { default: () => ({
-      root: null,
-      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
-    }) },
-    tag: { default: "div" }
+    arrowPadding: {},
+    block: { type: Boolean },
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    id: {},
+    items: {},
+    offset: {},
+    padding: {},
+    placement: {},
+    theme: { default: "default" },
+    transitionDuration: {},
+    width: {},
+    autoLoading: { type: Boolean, default: !0 },
+    "append:icon": {},
+    disabledWhileLoading: { type: Boolean, default: !0 },
+    loading: { type: Boolean },
+    "prepend:icon": {},
+    size: {}
   },
-  emits: ["shown", "hidden", "intersected"],
-  setup(u, { emit: d }) {
-    const r = u, i = d, n = t(null), l = t(null), o = t(!1), s = t(!0), a = t(0);
-    m(() => {
-      n.value = new IntersectionObserver((e) => {
-        f(e[0]);
-      }, r.options), l.value && n.value.observe(l.value);
-    }), p(() => {
-      n.value && n.value.disconnect();
-    });
-    const f = c((e) => {
-      e.isIntersecting ? (a.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (o.value = !0, s.value = !1, i("shown")) : (o.value = !1, s.value = !1, v(Math.trunc(e.intersectionRatio * 100)))) : (o.value = !1, s.value = !0, i("hidden"));
-    }), v = c((e) => {
-      i("intersected", e);
-    }, r.debounceTime);
-    return (e, B) => (g(), b(w(e.tag), {
-      ref_key: "infinitescrolltrigger",
-      ref: l,
-      class: "bb-intersection"
-    }, {
-      default: _(() => [
-        I(e.$slots, "default", {
-          hidden: s.value,
-          percentage: a.value,
-          shown: o.value
-        })
-      ]),
-      _: 3
-    }, 512));
+  setup(P) {
+    const t = P, { t: m } = M(), c = N(0), f = g(
+      () => t.loading || !!c.value && t.autoLoading
+    ), D = (e) => async (...a) => {
+      f.value && t.disabledWhileLoading || (c.value++, await e(...a), c.value--);
+    }, w = g(
+      () => t.items.map((e) => e.onClick ? {
+        ...e,
+        key: e.key.split(/\W+/g).join("_").toLowerCase(),
+        onClick: D(e.onClick)
+      } : {
+        ...e,
+        key: e.key.split(/\W+/g).join("_").toLowerCase()
+      })
+    ), h = g(() => {
+      const e = { ...w.value[0] };
+      return e.disabled = e.disabled || t.disabled, e;
+    }), S = typeof t.size == "string" ? { default: t.size } : { default: "md", ...t.size }, W = Object.entries(S).reduce(
+      (e, [a, o]) => (a === "default" ? e[`data-${o}`] = "" : e[`data-${a}:${o}`] = "", e),
+      {}
+    );
+    return (e, a) => (l(), $("span", y({
+      class: ["bb-dropdown-button", {
+        "bb-dropdown-button--block": e.block,
+        "bb-dropdown-button--loading": f.value,
+        [`bb-dropdown-button--${e.theme}`]: !0
+      }]
+    }, d(W)), [
+      u(C, y(h.value, { class: "bb-dropdown-button__main-btn" }), {
+        default: n(() => [
+          u(d(I), { class: "bb-dropdown-button__spinner" }),
+          t["prepend:icon"] ? (l(), L(d(z), {
+            key: 0,
+            class: "bb-dropdown-button__prepend-icon",
+            type: t["prepend:icon"]
+          }, null, 8, ["type"])) : _("", !0),
+          b("span", O, v(h.value.text), 1),
+          f.value ? (l(), $("span", R, v(d(m)("common.loadingText").value), 1)) : _("", !0),
+          t["append:icon"] ? (l(), L(d(z), {
+            key: 2,
+            class: "bb-dropdown-button__append-icon",
+            type: t["append:icon"]
+          }, null, 8, ["type"])) : _("", !0)
+        ]),
+        _: 1
+      }, 16),
+      u(A, {
+        id: e.id,
+        "arrow-padding": e.arrowPadding,
+        disabled: e.disabled,
+        eager: e.eager,
+        items: w.value,
+        offset: e.offset,
+        padding: e.padding,
+        placement: e.placement,
+        theme: e.theme,
+        "transition-duration": e.transitionDuration,
+        width: e.width
+      }, V({
+        activator: n(({ props: o, open: i, disabled: k, placement: B }) => [
+          r(e.$slots, "activator", {
+            disabled: k,
+            open: i,
+            placement: B,
+            props: o
+          }, () => [
+            u(C, y(o, { class: "bb-dropdown-button__dropdown-btn" }), {
+              default: n(() => [
+                b("span", T, v(i ? d(m)("dropdownButton.close").value : d(m)("dropdownButton.open").value), 1),
+                r(e.$slots, "right-btn", {
+                  disabled: k,
+                  open: i,
+                  placement: B
+                }, () => [
+                  a[0] || (a[0] = b("svg", {
+                    class: "bb-dropdown-button__dropdown-chevron",
+                    viewBox: "0 0 24 24",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    b("path", {
+                      d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
+                      fill: "currentColor"
+                    })
+                  ], -1))
+                ])
+              ]),
+              _: 2
+            }, 1040)
+          ])
+        ]),
+        prepend: n((o) => [
+          r(e.$slots, "prepend", s(p(o)))
+        ]),
+        "item:prepend": n((o) => [
+          r(e.$slots, "item:prepend", s(p(o)))
+        ]),
+        "item:append": n((o) => [
+          r(e.$slots, "item:append", s(p(o)))
+        ]),
+        append: n((o) => [
+          r(e.$slots, "append", s(p(o)))
+        ]),
+        _: 2
+      }, [
+        E(w.value, (o) => ({
+          name: o.key,
+          fn: n((i) => [
+            r(e.$slots, o.key, s(p(i)))
+          ])
+        }))
+      ]), 1032, ["id", "arrow-padding", "disabled", "eager", "items", "offset", "padding", "placement", "theme", "transition-duration", "width"])
+    ], 16));
   }
 });
 export {
-  M as default
+  ee as default
 };