@vue-interface/btn-dropdown 4.1.1 → 4.1.3

package/dist/btn-dropdown.js

@@ -1,16 +1,16 @@
-import { ref as D, computed as x, watchEffect as R, defineComponent as A, createElementBlock as I, openBlock as H, normalizeClass as y, unref as e, renderSlot as b, createVNode as N, normalizeProps as B, guardReactiveProps as S, createElementVNode as z, toDisplayString as M, withModifiers as V, normalizeStyle as F, withCtx as v, createCommentVNode as L, mergeProps as P, createBlock as G, resolveDynamicComponent as J } from "vue";
-import { DropdownMenu as j } from "@vue-interface/dropdown-menu";
-import { offset as K, flip as Q } from "@floating-ui/dom";
-import { useFloating as U } from "@floating-ui/vue";
-function q(t, c) {
-  const p = D(), i = D(), u = D(!1), a = x(() => t.align ?? "start"), s = x(() => t.dropup ? "top" : t.dropleft ? "left" : t.dropright ? "right" : "bottom"), k = x(() => `${s.value}-${a.value}`), T = x(() => ({
+import { ref as D, computed as x, watchEffect as O, defineComponent as L, createElementBlock as I, openBlock as P, normalizeClass as C, unref as e, renderSlot as y, createVNode as N, normalizeProps as B, guardReactiveProps as z, createElementVNode as E, toDisplayString as M, withModifiers as V, normalizeStyle as F, withCtx as T, createCommentVNode as A, mergeProps as H, useTemplateRef as G, createBlock as J, resolveDynamicComponent as K } from "vue";
+import { DropdownMenu as R } from "@vue-interface/dropdown-menu";
+import { offset as Q, flip as U } from "@floating-ui/dom";
+import { useFloating as W } from "@floating-ui/vue";
+function j(t, k) {
+  const u = D(null), p = D(), s = D(!1), d = x(() => t.align ?? "start"), c = x(() => t.dropup ? "top" : t.dropleft ? "left" : t.dropright ? "right" : "bottom"), r = x(() => `${c.value}-${d.value}`), i = x(() => ({
     dropdown: t.dropup && t.dropright && t.dropleft,
     dropup: t.dropup,
     dropright: t.dropright,
     dropleft: t.dropleft,
-    expanded: u.value,
+    expanded: s.value,
     [t.size ?? ""]: !!t.size
-  })), d = x(() => {
+  })), f = x(() => {
     const l = {
       btn: !0,
       [t.variant ?? ""]: !!t.variant,
@@ -20,75 +20,75 @@ function q(t, c) {
     if (typeof t.buttonClass == "string")
       l[t.buttonClass] = !0;
     else if (Array.isArray(t.buttonClass))
-      for (const E of t.buttonClass)
-        l[E] = !0;
+      for (const S of t.buttonClass)
+        l[S] = !0;
     else t.buttonClass && Object.assign(l, t.buttonClass);
     return l;
-  }), { floatingStyles: $, update: C } = U(p, i, {
-    placement: k,
+  }), { floatingStyles: h, update: v } = W(u, p, {
+    placement: r,
     middleware: t.middleware ?? [
-      K(t.offset ?? 5),
-      Q()
+      Q(t.offset ?? 5),
+      U()
     ]
   });
   function w() {
-    u.value = !0, !(!p.value || !i.value) && (C(), c("show"));
+    s.value = !0, !(!u.value || !p.value) && (v(), k("show"));
   }
-  function m() {
-    u.value = !1, p.value?.blur(), c("hide");
+  function b() {
+    s.value = !1, u.value instanceof HTMLElement && u.value?.blur(), k("hide");
   }
-  function r() {
-    u.value ? m() : w();
+  function a() {
+    s.value ? b() : w();
   }
-  function g(l) {
-    const E = Array.from(i.value?.$el.querySelectorAll("label, input, select, textarea") ?? []);
-    for (const O in E)
-      if (l === E[O])
+  function m(l) {
+    const S = Array.from(p.value?.$el.querySelectorAll("label, input, select, textarea") ?? []);
+    for (const q in S)
+      if (l === S[q])
         return !0;
     return !1;
   }
-  function h(l) {
-    if (!(l.relatedTarget instanceof HTMLElement)) {
-      m();
+  function $(l) {
+    if (!(l.relatedTarget instanceof HTMLElement) || !(u.value instanceof Element)) {
+      b();
       return;
     }
-    (i.value && !i.value?.$el.contains(l.relatedTarget) || !p.value?.contains(l.relatedTarget)) && m();
+    (p.value && !p.value?.$el.contains(l.relatedTarget) || !u.value?.contains(l.relatedTarget)) && b();
   }
-  function f(l) {
-    c("click", l);
+  function g(l) {
+    k("click", l);
   }
   function o(l) {
-    l.target?.dispatchEvent(new Event("focus", l)), c("clickToggle", l), l.defaultPrevented || r();
+    l.target?.dispatchEvent(new Event("focus", l)), k("clickToggle", l), l.defaultPrevented || a();
   }
   function n(l) {
     if (!(l.target instanceof HTMLElement)) {
-      m();
+      b();
       return;
     }
-    !g(l.target) && !l.defaultPrevented && m();
+    !m(l.target) && !l.defaultPrevented && b();
   }
-  return R(() => {
-    u.value ? window.addEventListener("resize", C) : window.removeEventListener("resize", C);
+  return O(() => {
+    s.value ? window.addEventListener("resize", v) : window.removeEventListener("resize", v);
   }), {
-    target: p,
-    menu: i,
-    alignment: a,
-    expanded: u,
-    floatingStyles: $,
-    placement: k,
-    side: s,
-    classes: T,
-    buttonClasses: d,
+    target: u,
+    menu: p,
+    alignment: d,
+    expanded: s,
+    floatingStyles: h,
+    placement: r,
+    side: c,
+    classes: i,
+    buttonClasses: f,
     show: w,
-    hide: m,
-    toggle: r,
-    onBlur: h,
-    onClick: f,
+    hide: b,
+    toggle: a,
+    onBlur: $,
+    onClick: g,
     onClickToggle: o,
     onClickItem: n
   };
 }
-const W = ["aria-expanded"], X = /* @__PURE__ */ A({
+const X = ["aria-expanded"], Y = /* @__PURE__ */ L({
   __name: "BtnDropdownSingle",
   props: {
     align: {},
@@ -107,62 +107,67 @@ const W = ["aria-expanded"], X = /* @__PURE__ */ A({
     variant: { default: "btn-primary" }
   },
   emits: ["click", "clickToggle", "show", "hide"],
-  setup(t, { expose: c, emit: p }) {
-    const i = t, u = p, {
-      target: a,
-      menu: s,
-      buttonClasses: k,
-      classes: T,
-      expanded: d,
-      floatingStyles: $,
-      show: C,
+  setup(t, { expose: k, emit: u }) {
+    const p = t, s = u, {
+      target: d,
+      menu: c,
+      buttonClasses: r,
+      classes: i,
+      expanded: f,
+      floatingStyles: h,
+      show: v,
       hide: w,
-      toggle: m,
-      onBlur: r,
-      onClickToggle: g,
-      onClickItem: h
-    } = q(i, u);
-    return c({
-      show: C,
+      toggle: b,
+      onBlur: a,
+      onClickToggle: m,
+      onClickItem: $
+    } = j(p, s);
+    return k({
+      show: v,
       hide: w,
-      toggle: m
-    }), (f, o) => (H(), I("div", {
-      class: y(["btn-group", e(T)])
+      toggle: b
+    }), (g, o) => (P(), I("div", {
+      class: C(["btn-group", e(i)])
     }, [
-      b(f.$slots, "button", B(S({ target: (n) => a.value = n, expanded: e(d), onBlur: e(r), onClickToggle: e(g) })), () => [
-        z("button", {
+      y(g.$slots, "button", B(z({
+        target: (n) => d.value = n,
+        expanded: e(f),
+        onBlur: e(a),
+        onClickToggle: e(m)
+      })), () => [
+        E("button", {
           ref_key: "target",
-          ref: a,
+          ref: d,
           type: "button",
-          class: y({ ...e(k), "dropdown-toggle": !0 }),
+          class: C({ ...e(r), "dropdown-toggle": !0 }),
           "aria-haspopup": "true",
-          "aria-expanded": e(d),
+          "aria-expanded": e(f),
           onBlur: o[0] || (o[0] = //@ts-ignore
-          (...n) => e(r) && e(r)(...n)),
+          (...n) => e(a) && e(a)(...n)),
           onClick: o[1] || (o[1] = //@ts-ignore
-          (...n) => e(g) && e(g)(...n))
-        }, M(t.label), 43, W)
+          (...n) => e(m) && e(m)(...n))
+        }, M(t.label), 43, X)
       ]),
-      N(e(j), {
+      N(e(R), {
         ref_key: "menu",
-        ref: s,
-        class: y({
-          show: e(d)
+        ref: c,
+        class: C({
+          show: e(f)
         }),
-        style: F(e($)),
-        onBlur: e(r),
-        onClick: e(h),
+        style: F(e(h)),
+        onBlur: e(a),
+        onClick: e($),
         onMousedown: o[2] || (o[2] = V(() => {
         }, ["prevent"]))
       }, {
-        default: v(() => [
-          b(f.$slots, "default")
+        default: T(() => [
+          y(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "style", "onBlur", "onClick"])
     ], 2));
   }
-}), Y = ["aria-expanded"], Z = { class: "btn-group" }, _ = ["aria-expanded"], ee = ["aria-expanded"], te = /* @__PURE__ */ A({
+}), Z = ["aria-expanded"], _ = { class: "btn-group" }, ee = ["aria-expanded"], te = ["aria-expanded"], oe = /* @__PURE__ */ L({
   __name: "BtnDropdownSplit",
   props: {
     align: {},
@@ -181,88 +186,93 @@ const W = ["aria-expanded"], X = /* @__PURE__ */ A({
     variant: { default: "btn-primary" }
   },
   emits: ["click", "clickToggle", "show", "hide"],
-  setup(t, { expose: c, emit: p }) {
-    const i = t, u = p, {
-      target: a,
-      menu: s,
-      buttonClasses: k,
-      classes: T,
-      expanded: d,
-      floatingStyles: $,
-      show: C,
+  setup(t, { expose: k, emit: u }) {
+    const p = t, s = u, {
+      target: d,
+      menu: c,
+      buttonClasses: r,
+      classes: i,
+      expanded: f,
+      floatingStyles: h,
+      show: v,
       hide: w,
-      toggle: m,
-      onBlur: r,
-      onClickToggle: g,
-      onClickItem: h
-    } = q(i, u);
-    return c({
-      show: C,
+      toggle: b,
+      onBlur: a,
+      onClickToggle: m,
+      onClickItem: $
+    } = j(p, s);
+    return k({
+      show: v,
       hide: w,
-      toggle: m
-    }), (f, o) => (H(), I("div", {
-      class: y(["btn-group btn-dropdown-split", e(T)])
+      toggle: b
+    }), (g, o) => (P(), I("div", {
+      class: C(["btn-group btn-dropdown-split", e(i)])
     }, [
-      t.dropleft ? L("", !0) : b(f.$slots, "button", B(P({ key: 0 }, { expanded: e(d), onBlur: e(r), onClickToggle: e(g) })), () => [
-        z("button", {
+      t.dropleft ? A("", !0) : y(g.$slots, "button", B(H({ key: 0 }, { expanded: e(f), onBlur: e(a), onClickToggle: e(m) })), () => [
+        E("button", {
           type: "button",
-          class: y(e(k)),
+          class: C(e(r)),
           "aria-haspopup": "true",
-          "aria-expanded": e(d),
+          "aria-expanded": e(f),
           onBlur: o[0] || (o[0] = //@ts-ignore
-          (...n) => e(r) && e(r)(...n)),
+          (...n) => e(a) && e(a)(...n)),
           onClick: o[1] || (o[1] = //@ts-ignore
-          (...n) => f.onClick && f.onClick(...n))
-        }, M(t.label), 43, Y)
+          (...n) => g.onClick && g.onClick(...n))
+        }, M(t.label), 43, Z)
       ]),
-      z("div", Z, [
-        b(f.$slots, "toggle", B(S({ target: (n) => a.value = n, expanded: e(d), onBlur: e(r), onClickToggle: e(g) })), () => [
-          z("button", {
+      E("div", _, [
+        y(g.$slots, "toggle", B(z({
+          target: (n) => d.value = n,
+          expanded: e(f),
+          onBlur: e(a),
+          onClickToggle: e(m)
+        })), () => [
+          E("button", {
             ref_key: "target",
-            ref: a,
+            ref: d,
             type: "button",
             "aria-haspopup": "true",
-            "aria-expanded": e(d),
-            class: y({ ...e(k), "dropdown-toggle": !0, "dropdown-toggle-split": t.split }),
+            "aria-expanded": e(f),
+            class: C({ ...e(r), "dropdown-toggle": !0, "dropdown-toggle-split": t.split }),
             onBlur: o[2] || (o[2] = //@ts-ignore
-            (...n) => e(r) && e(r)(...n)),
+            (...n) => e(a) && e(a)(...n)),
             onClick: o[3] || (o[3] = //@ts-ignore
-            (...n) => e(g) && e(g)(...n))
-          }, null, 42, _)
+            (...n) => e(m) && e(m)(...n))
+          }, null, 42, ee)
         ]),
-        N(e(j), {
+        N(e(R), {
           ref_key: "menu",
-          ref: s,
-          class: y({
-            show: e(d)
+          ref: c,
+          class: C({
+            show: e(f)
           }),
-          style: F(e($)),
-          onBlur: e(r),
-          onClick: e(h),
+          style: F(e(h)),
+          onBlur: e(a),
+          onClick: e($),
           onMousedown: o[4] || (o[4] = V(() => {
           }, ["prevent"]))
         }, {
-          default: v(() => [
-            b(f.$slots, "default")
+          default: T(() => [
+            y(g.$slots, "default")
           ]),
           _: 3
         }, 8, ["class", "style", "onBlur", "onClick"])
       ]),
-      t.dropleft ? b(f.$slots, "button", B(P({ key: 1 }, { expanded: e(d), onBlur: e(r), onClickToggle: e(g) })), () => [
-        z("button", {
+      t.dropleft ? y(g.$slots, "button", B(H({ key: 1 }, { expanded: e(f), onBlur: e(a), onClickToggle: e(m) })), () => [
+        E("button", {
           type: "button",
-          class: y(e(k)),
+          class: C(e(r)),
           "aria-haspopup": "true",
-          "aria-expanded": e(d),
+          "aria-expanded": e(f),
           onBlur: o[5] || (o[5] = //@ts-ignore
-          (...n) => e(r) && e(r)(...n)),
+          (...n) => e(a) && e(a)(...n)),
           onClick: o[6] || (o[6] = //@ts-ignore
-          (...n) => f.onClick && f.onClick(...n))
-        }, M(t.label), 43, ee)
-      ]) : L("", !0)
+          (...n) => g.onClick && g.onClick(...n))
+        }, M(t.label), 43, te)
+      ]) : A("", !0)
     ], 2));
   }
-}), ae = /* @__PURE__ */ A({
+}), se = /* @__PURE__ */ L({
   __name: "BtnDropdown",
   props: {
     split: { type: Boolean, default: !1 },
@@ -281,31 +291,38 @@ const W = ["aria-expanded"], X = /* @__PURE__ */ A({
     variant: {}
   },
   emits: ["click", "clickToggle", "show", "hide"],
-  setup(t, { emit: c }) {
-    const p = t, i = c;
-    return (u, a) => (H(), G(J(t.split ? te : X), P(p, {
-      onClick: a[0] || (a[0] = (s) => i("click", s)),
-      onClickToggle: a[1] || (a[1] = (s) => i("clickToggle", s)),
-      onShow: a[2] || (a[2] = () => i("show")),
-      onHide: a[3] || (a[3] = () => i("hide"))
+  setup(t, { expose: k, emit: u }) {
+    const p = t, s = u, d = G("el");
+    return k({
+      hide: () => d.value?.hide(),
+      show: () => d.value?.show(),
+      toggle: () => d.value?.toggle()
+    }), (c, r) => (P(), J(K(t.split ? oe : Y), H({
+      ref_key: "el",
+      ref: d
+    }, p, {
+      onClick: r[0] || (r[0] = (i) => s("click", i)),
+      onClickToggle: r[1] || (r[1] = (i) => s("clickToggle", i)),
+      onShow: r[2] || (r[2] = () => s("show")),
+      onHide: r[3] || (r[3] = () => s("hide"))
     }), {
-      button: v((s) => [
-        b(u.$slots, "button", B(S(s)))
+      button: T((i) => [
+        y(c.$slots, "button", B(z(i)))
       ]),
-      toggle: v((s) => [
-        b(u.$slots, "toggle", B(S(s)))
+      toggle: T((i) => [
+        y(c.$slots, "toggle", B(z(i)))
       ]),
-      split: v((s) => [
-        b(u.$slots, "split", B(S(s)))
+      split: T((i) => [
+        y(c.$slots, "split", B(z(i)))
       ]),
-      default: v(() => [
-        b(u.$slots, "default")
+      default: T(() => [
+        y(c.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
 });
 export {
-  ae as BtnDropdown
+  se as BtnDropdown
 };
 //# sourceMappingURL=btn-dropdown.js.map

package/dist/btn-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"btn-dropdown.js","sources":["../src/useDropdownHandler.ts","../src/BtnDropdownSingle.vue","../src/BtnDropdownSplit.vue","../src/BtnDropdown.vue"],"sourcesContent":["import { flip, offset, Placement, type Alignment, type Middleware, type OffsetOptions, type Side } from '@floating-ui/dom';\nimport { useFloating, UseFloatingReturn } from '@floating-ui/vue';\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { computed, ComputedRef, Ref, ref, watchEffect, type EmitFn, type HTMLAttributes } from 'vue';\n\ntype LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);\n\nexport type BtnGroupSizes = 'btn-group-xs'\n    | 'btn-group-sm' \n    | 'btn-group-md'\n    | 'btn-group-lg'\n    | 'btn-group-xl'\n    | 'btn-group-2xl'\n    | 'btn-group-3xl'\n    | 'btn-group-4xl';\n\nexport type BtnDropdownProps = {\n    align?: Alignment;\n    block?: boolean;\n    buttonClass?: HTMLAttributes['class'],\n    caret?: boolean;\n    dropup?: boolean;\n    dropright?: boolean;\n    dropleft?: boolean;\n    label?: string;\n    offset?: OffsetOptions,\n    middleware?: Middleware[],\n    side?: Side;\n    size?: LiteralUnion<BtnGroupSizes>;\n    split?: boolean;\n    variant?: string;\n}\n\nexport type BtnDropdownEvents = {\n    click: [event: MouseEvent];\n    clickToggle: [event: MouseEvent];\n    show: [],\n    hide: []\n}\n\nexport type UseDropdownHandler = {\n    target: Ref<HTMLElement|undefined>;\n    menu: Ref<InstanceType<typeof DropdownMenu>|undefined>;\n    alignment: ComputedRef<Alignment>;\n    expanded: Ref<boolean>;\n    floatingStyles: UseFloatingReturn['floatingStyles'];\n    placement: ComputedRef<Placement>;\n    side: ComputedRef<Side>;\n    classes: ComputedRef<Record<string, boolean|undefined>>;\n    buttonClasses: ComputedRef<Record<string, boolean>>;\n    show: () => void;\n    hide: () => void;\n    toggle: () => void;\n    onBlur: (e: FocusEvent) => void;\n    onClick: (e: MouseEvent) => void;\n    onClickToggle: (e: MouseEvent) => void;\n    onClickItem: (e: PointerEvent) => void;\n}\n\nexport function useDropdownHandler(props: BtnDropdownProps, emit: EmitFn<BtnDropdownEvents>): UseDropdownHandler {\n    const target = ref<HTMLElement>();\n    const menu = ref<InstanceType<typeof DropdownMenu>>();\n    const expanded = ref(false);\n\n    const alignment = computed<Alignment>(() => props.align ?? 'start');\n\n    const side = computed<Side>(() => {\n        if(props.dropup) {\n            return 'top';\n        }\n\n        if(props.dropleft) {\n            return 'left';\n        }\n\n        if(props.dropright) {\n            return 'right';\n        }\n\n        return 'bottom';\n    });\n\n    const placement = computed<Placement>(() => `${side.value}-${alignment.value}`);\n\n    const classes = computed<Record<string,boolean|undefined>>(() => ({\n        'dropdown': props.dropup && props.dropright && props.dropleft,\n        'dropup': props.dropup,\n        'dropright': props.dropright,\n        'dropleft': props.dropleft,\n        'expanded': expanded.value,\n        [props.size ?? '']: !!props.size,\n    }));\n    \n    const buttonClasses = computed(() => {\n        const classes = {\n            btn: true,\n            [props.variant ?? '']: !!props.variant,\n            'btn-block': !!props.block,\n            'no-caret': !props.caret\n        };\n        \n        if(typeof props.buttonClass === 'string') {\n            classes[props.buttonClass] = true;\n        }\n        else if(Array.isArray(props.buttonClass)) {\n            for(const value of props.buttonClass) {\n                classes[value] = true;\n            }\n        }\n        else if(props.buttonClass) {\n            Object.assign(classes, props.buttonClass);\n        }\n\n        return classes;\n    });\n\n    const { floatingStyles, update } = useFloating(target, menu, {\n        placement: placement,\n        middleware: props.middleware ?? [\n            offset(props.offset ?? 5),\n            flip()\n        ]\n    });\n\n    function show() {\n        expanded.value = true;\n\n        if(!target.value || !menu.value) {\n            return;\n        }\n\n        update();\n\n        emit('show');\n    }\n\n    function hide() {\n        expanded.value = false;\n\n        target.value?.blur();\n\n        emit('hide');\n    }\n\n    function toggle() {\n        if(!expanded.value) {\n            show();\n        }\n        else {\n            hide();\n        }\n    }\n\n    function isFocusable(element: HTMLElement) {\n        const nodes = Array.from(menu.value?.$el.querySelectorAll('label, input, select, textarea') ?? []);\n\n        for(const i in nodes) {\n            if(element === nodes[i]) {\n                return true;\n            }\n        }\n\n        return false;\n    }\n        \n    function onBlur(e: FocusEvent) {\n        if(!(e.relatedTarget instanceof HTMLElement)) {\n            hide();\n            \n            return;\n        }\n        \n        if(menu.value && !menu.value?.$el.contains(e.relatedTarget) || !target.value?.contains(e.relatedTarget)) {\n            hide();\n        }\n    }\n\n    function onClick(e: MouseEvent) {\n        emit('click', e);\n    }\n\n    function onClickToggle(e: MouseEvent) {\n        e.target?.dispatchEvent(new Event('focus', e));\n            \n        emit('clickToggle', e);\n\n        if(!e.defaultPrevented) {\n            toggle();\n        }\n    }\n\n    function onClickItem(e: PointerEvent) {\n        if(!(e.target instanceof HTMLElement)) {\n            hide();\n\n            return;\n        }\n\n        if(!isFocusable(e.target) && !e.defaultPrevented) {\n            hide();\n        }\n    }\n\n    watchEffect(() => {\n        if(expanded.value) {\n            window.addEventListener('resize', update);\n        }\n        else {\n            window.removeEventListener('resize', update);\n        }\n    });\n\n    return {\n        target,\n        menu,\n        alignment,\n        expanded,\n        floatingStyles,\n        placement,\n        side,\n        classes,\n        buttonClasses,\n        show,\n        hide,\n        toggle,\n        onBlur,\n        onClick,\n        onClickToggle,\n        onClickItem\n    };\n}","<script setup lang=\"ts\">\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { BtnDropdownEvents, BtnDropdownProps, useDropdownHandler } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<BtnDropdownProps>(), {\n    caret: true,\n    variant: 'btn-primary'\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst {\n    target,\n    menu,\n    buttonClasses,\n    classes,\n    expanded,\n    floatingStyles,\n    show,\n    hide,\n    toggle,\n    onBlur,\n    onClickToggle,\n    onClickItem\n} = useDropdownHandler(props, emit);\n\ndefineExpose({\n    show,\n    hide,\n    toggle,\n});\n</script>\n\n<template>\n    <div\n        class=\"btn-group\"\n        :class=\"classes\">\n        <slot\n            name=\"button\"\n            v-bind=\"{ target: (el: HTMLElement) => target = el, expanded, onBlur, onClickToggle }\">\n            <button\n                ref=\"target\"\n                type=\"button\"\n                :class=\"{...buttonClasses, ['dropdown-toggle']: true}\"\n                aria-haspopup=\"true\"\n                :aria-expanded=\"expanded\"\n                @blur=\"onBlur\"\n                @click=\"onClickToggle\">\n                {{ label }}\n            </button>\n        </slot>\n        <DropdownMenu\n            ref=\"menu\"\n            :class=\"{\n                'show': expanded\n            }\"\n            :style=\"floatingStyles\"\n            @blur=\"onBlur\"\n            @click=\"onClickItem\"\n            @mousedown.prevent>\n            <slot />\n        </DropdownMenu>\n    </div>\n</template>","<script setup lang=\"ts\">\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { BtnDropdownEvents, BtnDropdownProps, useDropdownHandler } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<BtnDropdownProps>(), {\n    caret: true,\n    variant: 'btn-primary'\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst {\n    target,\n    menu,\n    buttonClasses,\n    classes,\n    expanded,\n    floatingStyles,\n    show,\n    hide,\n    toggle,\n    onBlur,\n    onClickToggle,\n    onClickItem\n} = useDropdownHandler(props, emit);\n\ndefineExpose({\n    show,\n    hide,\n    toggle,\n});\n</script>\n\n<template>\n    <div\n        class=\"btn-group btn-dropdown-split\"\n        :class=\"classes\">\n        <slot\n            v-if=\"!dropleft\"\n            name=\"button\"\n            v-bind=\"{ expanded, onBlur, onClickToggle }\">\n            <button\n                type=\"button\"\n                :class=\"buttonClasses\"\n                aria-haspopup=\"true\"\n                :aria-expanded=\"expanded\"\n                @blur=\"onBlur\"\n                @click=\"onClick\">\n                {{ label }}\n            </button>\n        </slot>\n        <div class=\"btn-group\">\n            <slot\n                name=\"toggle\"\n                v-bind=\"{ target: (el: HTMLElement) => target = el, expanded, onBlur, onClickToggle }\">\n                <button\n                    ref=\"target\"\n                    type=\"button\"\n                    aria-haspopup=\"true\"\n                    :aria-expanded=\"expanded\"\n                    :class=\"{...buttonClasses, 'dropdown-toggle': true, 'dropdown-toggle-split': split}\"\n                    @blur=\"onBlur\"\n                    @click=\"onClickToggle\" />\n            </slot>\n            <DropdownMenu\n                ref=\"menu\"\n                :class=\"{\n                    'show': expanded\n                }\"\n                :style=\"floatingStyles\"\n                @blur=\"onBlur\"\n                @click=\"onClickItem\"\n                @mousedown.prevent>\n                <slot />\n            </DropdownMenu>\n        </div>\n        <slot\n            v-if=\"dropleft\"\n            name=\"button\"\n            v-bind=\"{ expanded, onBlur, onClickToggle }\">\n            <button\n                type=\"button\"\n                :class=\"buttonClasses\"\n                aria-haspopup=\"true\"\n                :aria-expanded=\"expanded\"\n                @blur=\"onBlur\"\n                @click=\"onClick\">\n                {{ label }}\n            </button>\n        </slot>\n    </div>\n</template>","<script setup lang=\"ts\">\nimport BtnDropdownSingle from './BtnDropdownSingle.vue';\nimport BtnDropdownSplit from './BtnDropdownSplit.vue';\nimport { BtnDropdownEvents, BtnDropdownProps } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<{\n    split?: boolean\n} & BtnDropdownProps>(), {\n    split: false,\n    caret: true\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n</script>\n\n<template>\n    <Component\n        :is=\"!split ? BtnDropdownSingle : BtnDropdownSplit\"\n        v-bind=\"props\"\n        @click=\"(e: MouseEvent) => emit('click', e)\"\n        @click-toggle=\"(e: MouseEvent) => emit('clickToggle', e)\"\n        @show=\"() => emit('show')\"\n        @hide=\"() => emit('hide')\">\n        <template #button=\"slot\">\n            <slot\n                name=\"button\"\n                v-bind=\"slot\" />\n        </template>\n        <template #toggle=\"slot\">\n            <slot\n                name=\"toggle\"\n                v-bind=\"slot\" />\n        </template>\n        <template #split=\"slot\">\n            <slot\n                name=\"split\"\n                v-bind=\"slot\" />\n        </template>\n        <slot />\n    </Component>\n</template>"],"names":["useDropdownHandler","props","emit","target","ref","menu","expanded","alignment","computed","side","placement","classes","buttonClasses","value","floatingStyles","update","useFloating","offset","flip","show","hide","toggle","isFocusable","element","nodes","i","onBlur","e","onClick","onClickToggle","onClickItem","watchEffect","__props","__emit","__expose","_createElementBlock","_normalizeClass","_unref","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","el","_createElementVNode","_cache","args","_hoisted_1","_createVNode","DropdownMenu","_hoisted_2","_hoisted_4","_createBlock","_resolveDynamicComponent","BtnDropdownSplit","BtnDropdownSingle","_mergeProps","_withCtx","slot"],"mappings":"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"}
+{"version":3,"file":"btn-dropdown.js","sources":["../src/useDropdownHandler.ts","../src/BtnDropdownSingle.vue","../src/BtnDropdownSplit.vue","../src/BtnDropdown.vue"],"sourcesContent":["import { flip, offset, Placement, type Alignment, type Middleware, type OffsetOptions, type Side } from '@floating-ui/dom';\nimport { useFloating, UseFloatingReturn } from '@floating-ui/vue';\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { ComponentPublicInstance, computed, ComputedRef, Ref, ref, watchEffect, type EmitFn, type HTMLAttributes } from 'vue';\n\ntype LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);\n\nexport type BtnGroupSizes = 'btn-group-xs'\n    | 'btn-group-sm' \n    | 'btn-group-md'\n    | 'btn-group-lg'\n    | 'btn-group-xl'\n    | 'btn-group-2xl'\n    | 'btn-group-3xl'\n    | 'btn-group-4xl';\n\nexport type BtnDropdownProps = {\n    align?: Alignment;\n    block?: boolean;\n    buttonClass?: HTMLAttributes['class'],\n    caret?: boolean;\n    dropup?: boolean;\n    dropright?: boolean;\n    dropleft?: boolean;\n    label?: string;\n    offset?: OffsetOptions,\n    middleware?: Middleware[],\n    side?: Side;\n    size?: LiteralUnion<BtnGroupSizes>;\n    split?: boolean;\n    variant?: string;\n}\n\nexport type BtnDropdownEvents = {\n    click: [event: MouseEvent];\n    clickToggle: [event: MouseEvent];\n    show: [],\n    hide: []\n}\n\nexport type BtnDropdownSlotProps = { \n    target: (el: Element | ComponentPublicInstance | null) => void;\n    expanded: boolean;\n    onBlur: (e: FocusEvent) => void;\n    onClickToggle: (e: MouseEvent) => void;\n};\n\nexport type UseDropdownHandler = {\n    target: Ref<Element|ComponentPublicInstance|null>;\n    menu: Ref<InstanceType<typeof DropdownMenu>|undefined>;\n    alignment: ComputedRef<Alignment>;\n    expanded: Ref<boolean>;\n    floatingStyles: UseFloatingReturn['floatingStyles'];\n    placement: ComputedRef<Placement>;\n    side: ComputedRef<Side>;\n    classes: ComputedRef<Record<string, boolean|undefined>>;\n    buttonClasses: ComputedRef<Record<string, boolean>>;\n    show: () => void;\n    hide: () => void;\n    toggle: () => void;\n    onBlur: (e: FocusEvent) => void;\n    onClick: (e: MouseEvent) => void;\n    onClickToggle: (e: MouseEvent) => void;\n    onClickItem: (e: PointerEvent) => void;\n}\n\nexport function useDropdownHandler(props: BtnDropdownProps, emit: EmitFn<BtnDropdownEvents>): UseDropdownHandler {\n    const target = ref<Element|ComponentPublicInstance|null>(null);\n    const menu = ref<InstanceType<typeof DropdownMenu>>();\n    const expanded = ref(false);\n\n    const alignment = computed<Alignment>(() => props.align ?? 'start');\n\n    const side = computed<Side>(() => {\n        if(props.dropup) {\n            return 'top';\n        }\n\n        if(props.dropleft) {\n            return 'left';\n        }\n\n        if(props.dropright) {\n            return 'right';\n        }\n\n        return 'bottom';\n    });\n\n    const placement = computed<Placement>(() => `${side.value}-${alignment.value}`);\n\n    const classes = computed<Record<string,boolean|undefined>>(() => ({\n        'dropdown': props.dropup && props.dropright && props.dropleft,\n        'dropup': props.dropup,\n        'dropright': props.dropright,\n        'dropleft': props.dropleft,\n        'expanded': expanded.value,\n        [props.size ?? '']: !!props.size,\n    }));\n    \n    const buttonClasses = computed(() => {\n        const classes = {\n            btn: true,\n            [props.variant ?? '']: !!props.variant,\n            'btn-block': !!props.block,\n            'no-caret': !props.caret\n        };\n        \n        if(typeof props.buttonClass === 'string') {\n            classes[props.buttonClass] = true;\n        }\n        else if(Array.isArray(props.buttonClass)) {\n            for(const value of props.buttonClass) {\n                classes[value] = true;\n            }\n        }\n        else if(props.buttonClass) {\n            Object.assign(classes, props.buttonClass);\n        }\n\n        return classes;\n    });\n\n    const { floatingStyles, update } = useFloating(target, menu, {\n        placement: placement,\n        middleware: props.middleware ?? [\n            offset(props.offset ?? 5),\n            flip()\n        ]\n    });\n\n    function show() {\n        expanded.value = true;\n\n        if(!target.value || !menu.value) {\n            return;\n        }\n\n        update();\n\n        emit('show');\n    }\n\n    function hide() {\n        expanded.value = false;\n\n        if(target.value instanceof HTMLElement) {\n            target.value?.blur();\n        }\n\n        emit('hide');\n    }\n\n    function toggle() {\n        if(!expanded.value) {\n            show();\n        }\n        else {\n            hide();\n        }\n    }\n\n    function isFocusable(element: HTMLElement) {\n        const nodes = Array.from(menu.value?.$el.querySelectorAll('label, input, select, textarea') ?? []);\n\n        for(const i in nodes) {\n            if(element === nodes[i]) {\n                return true;\n            }\n        }\n\n        return false;\n    }\n        \n    function onBlur(e: FocusEvent) {\n        if(!(e.relatedTarget instanceof HTMLElement) || !(target.value instanceof Element)) {\n            hide();\n            \n            return;\n        }\n        \n        if(menu.value && !menu.value?.$el.contains(e.relatedTarget) || !target.value?.contains(e.relatedTarget)) {\n            hide();\n        }\n    }\n\n    function onClick(e: MouseEvent) {\n        emit('click', e);\n    }\n\n    function onClickToggle(e: MouseEvent) {\n        e.target?.dispatchEvent(new Event('focus', e));\n            \n        emit('clickToggle', e);\n\n        if(!e.defaultPrevented) {\n            toggle();\n        }\n    }\n\n    function onClickItem(e: PointerEvent) {\n        if(!(e.target instanceof HTMLElement)) {\n            hide();\n\n            return;\n        }\n\n        if(!isFocusable(e.target) && !e.defaultPrevented) {\n            hide();\n        }\n    }\n\n    watchEffect(() => {\n        if(expanded.value) {\n            window.addEventListener('resize', update);\n        }\n        else {\n            window.removeEventListener('resize', update);\n        }\n    });\n\n    return {\n        target,\n        menu,\n        alignment,\n        expanded,\n        floatingStyles,\n        placement,\n        side,\n        classes,\n        buttonClasses,\n        show,\n        hide,\n        toggle,\n        onBlur,\n        onClick,\n        onClickToggle,\n        onClickItem\n    };\n}","<script setup lang=\"ts\">\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { ComponentPublicInstance } from 'vue';\nimport { BtnDropdownEvents, BtnDropdownProps, BtnDropdownSlotProps, useDropdownHandler } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<BtnDropdownProps>(), {\n    caret: true,\n    variant: 'btn-primary'\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst {\n    target,\n    menu,\n    buttonClasses,\n    classes,\n    expanded,\n    floatingStyles,\n    show,\n    hide,\n    toggle,\n    onBlur,\n    onClickToggle,\n    onClickItem\n} = useDropdownHandler(props, emit);\n\ndefineExpose({\n    show,\n    hide,\n    toggle,\n});\n\ndefineSlots<{\n    button(props: BtnDropdownSlotProps): any;\n    default(): any;\n}>();\n</script>\n\n<template>\n    <div\n        class=\"btn-group\"\n        :class=\"classes\">\n        <slot\n            name=\"button\"\n            v-bind=\"{\n                target: (el: Element | ComponentPublicInstance | null) => target = el,\n                expanded,\n                onBlur,\n                onClickToggle\n            }\">\n            <button\n                ref=\"target\"\n                type=\"button\"\n                :class=\"{...buttonClasses, ['dropdown-toggle']: true}\"\n                aria-haspopup=\"true\"\n                :aria-expanded=\"expanded\"\n                @blur=\"onBlur\"\n                @click=\"onClickToggle\">\n                {{ label }}\n            </button>\n        </slot>\n        <DropdownMenu\n            ref=\"menu\"\n            :class=\"{\n                'show': expanded\n            }\"\n            :style=\"floatingStyles\"\n            @blur=\"onBlur\"\n            @click=\"onClickItem\"\n            @mousedown.prevent>\n            <slot />\n        </DropdownMenu>\n    </div>\n</template>","<script setup lang=\"ts\">\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { ComponentPublicInstance } from 'vue';\nimport { BtnDropdownEvents, BtnDropdownProps, BtnDropdownSlotProps, useDropdownHandler } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<BtnDropdownProps>(), {\n    caret: true,\n    variant: 'btn-primary'\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst {\n    target,\n    menu,\n    buttonClasses,\n    classes,\n    expanded,\n    floatingStyles,\n    show,\n    hide,\n    toggle,\n    onBlur,\n    onClickToggle,\n    onClickItem\n} = useDropdownHandler(props, emit);\n\ndefineExpose({\n    show,\n    hide,\n    toggle,\n});\n\ndefineSlots<{\n    button(props: {\n        expanded: BtnDropdownSlotProps['expanded'],\n        onBlur: BtnDropdownSlotProps['onBlur'],\n        onClickToggle: BtnDropdownSlotProps['onClickToggle']\n    }): any;\n    toggle(props: BtnDropdownSlotProps): any;\n    default(): any;\n}>();\n</script>\n\n<template>\n    <div\n        class=\"btn-group btn-dropdown-split\"\n        :class=\"classes\">\n        <slot\n            v-if=\"!dropleft\"\n            name=\"button\"\n            v-bind=\"{ expanded, onBlur, onClickToggle }\">\n            <button\n                type=\"button\"\n                :class=\"buttonClasses\"\n                aria-haspopup=\"true\"\n                :aria-expanded=\"expanded\"\n                @blur=\"onBlur\"\n                @click=\"onClick\">\n                {{ label }}\n            </button>\n        </slot>\n        <div class=\"btn-group\">\n            <slot\n                name=\"toggle\"\n                v-bind=\"{\n                    target: (el: Element | ComponentPublicInstance | null) => target = el,\n                    expanded,\n                    onBlur,\n                    onClickToggle\n                }\">\n                <button\n                    ref=\"target\"\n                    type=\"button\"\n                    aria-haspopup=\"true\"\n                    :aria-expanded=\"expanded\"\n                    :class=\"{...buttonClasses, 'dropdown-toggle': true, 'dropdown-toggle-split': split}\"\n                    @blur=\"onBlur\"\n                    @click=\"onClickToggle\" />\n            </slot>\n            <DropdownMenu\n                ref=\"menu\"\n                :class=\"{\n                    'show': expanded\n                }\"\n                :style=\"floatingStyles\"\n                @blur=\"onBlur\"\n                @click=\"onClickItem\"\n                @mousedown.prevent>\n                <slot />\n            </DropdownMenu>\n        </div>\n        <slot\n            v-if=\"dropleft\"\n            name=\"button\"\n            v-bind=\"{ expanded, onBlur, onClickToggle }\">\n            <button\n                type=\"button\"\n                :class=\"buttonClasses\"\n                aria-haspopup=\"true\"\n                :aria-expanded=\"expanded\"\n                @blur=\"onBlur\"\n                @click=\"onClick\">\n                {{ label }}\n            </button>\n        </slot>\n    </div>\n</template>","<script setup lang=\"ts\">\nimport { useTemplateRef } from 'vue';\nimport { type ComponentExposed } from 'vue-component-type-helpers';\nimport BtnDropdownSingle from './BtnDropdownSingle.vue';\nimport BtnDropdownSplit from './BtnDropdownSplit.vue';\nimport { BtnDropdownEvents, BtnDropdownProps, BtnDropdownSlotProps } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<{\n    split?: boolean\n} & BtnDropdownProps>(), {\n    split: false,\n    caret: true\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst el = useTemplateRef<ComponentExposed<typeof BtnDropdownSingle | typeof BtnDropdownSplit>>('el');\n\ndefineExpose({\n    hide: () => el.value?.hide(),\n    show: () => el.value?.show(),\n    toggle: () => el.value?.toggle(),\n});\n\ndefineSlots<{\n    button(props: BtnDropdownSlotProps): any;\n    toggle(props: BtnDropdownSlotProps): any;\n    split(props: BtnDropdownSlotProps): any;\n    default(): any;\n}>();\n</script>\n\n<template>\n    <Component\n        ref=\"el\"\n        :is=\"!split ? BtnDropdownSingle : BtnDropdownSplit\"\n        v-bind=\"props\"\n        @click=\"(e: MouseEvent) => emit('click', e)\"\n        @click-toggle=\"(e: MouseEvent) => emit('clickToggle', e)\"\n        @show=\"() => emit('show')\"\n        @hide=\"() => emit('hide')\">\n        <template #button=\"slot\">\n            <slot\n                name=\"button\"\n                v-bind=\"slot\" />\n        </template>\n        <template #toggle=\"slot\">\n            <slot\n                name=\"toggle\"\n                v-bind=\"slot\" />\n        </template>\n        <template #split=\"slot\">\n            <slot\n                name=\"split\"\n                v-bind=\"slot\" />\n        </template>\n        <slot />\n    </Component>\n</template>"],"names":["useDropdownHandler","props","emit","target","ref","menu","expanded","alignment","computed","side","placement","classes","buttonClasses","value","floatingStyles","update","useFloating","offset","flip","show","hide","toggle","isFocusable","element","nodes","i","onBlur","e","onClick","onClickToggle","onClickItem","watchEffect","__props","__emit","__expose","_createElementBlock","_normalizeClass","_unref","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","el","_createElementVNode","_cache","args","_hoisted_1","_createVNode","DropdownMenu","_hoisted_2","_hoisted_4","useTemplateRef","_openBlock","_createBlock","_resolveDynamicComponent","BtnDropdownSplit","BtnDropdownSingle","_mergeProps","_withCtx","slot"],"mappings":"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"}

package/dist/btn-dropdown.umd.cjs

@@ -1,2 +1,2 @@
-(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vue-interface/dropdown-menu"),require("@floating-ui/dom"),require("@floating-ui/vue")):typeof define=="function"&&define.amd?define(["exports","vue","@vue-interface/dropdown-menu","@floating-ui/dom","@floating-ui/vue"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.BtnDropdown={},g.Vue,g.VueInterfaceDropdownMenu,g.FloatingUiDom,g.FloatingUiVue))})(this,(function(g,e,S,T,$){"use strict";function P(t,m){const u=e.ref(),s=e.ref(),d=e.ref(!1),i=e.computed(()=>t.align??"start"),a=e.computed(()=>t.dropup?"top":t.dropleft?"left":t.dropright?"right":"bottom"),k=e.computed(()=>`${a.value}-${i.value}`),w=e.computed(()=>({dropdown:t.dropup&&t.dropright&&t.dropleft,dropup:t.dropup,dropright:t.dropright,dropleft:t.dropleft,expanded:d.value,[t.size??""]:!!t.size})),f=e.computed(()=>{const r={btn:!0,[t.variant??""]:!!t.variant,"btn-block":!!t.block,"no-caret":!t.caret};if(typeof t.buttonClass=="string")r[t.buttonClass]=!0;else if(Array.isArray(t.buttonClass))for(const z of t.buttonClass)r[z]=!0;else t.buttonClass&&Object.assign(r,t.buttonClass);return r}),{floatingStyles:B,update:y}=$.useFloating(u,s,{placement:k,middleware:t.middleware??[T.offset(t.offset??5),T.flip()]});function b(){d.value=!0,!(!u.value||!s.value)&&(y(),m("show"))}function C(){d.value=!1,u.value?.blur(),m("hide")}function l(){d.value?C():b()}function c(r){const z=Array.from(s.value?.$el.querySelectorAll("label, input, select, textarea")??[]);for(const A in z)if(r===z[A])return!0;return!1}function h(r){if(!(r.relatedTarget instanceof HTMLElement)){C();return}(s.value&&!s.value?.$el.contains(r.relatedTarget)||!u.value?.contains(r.relatedTarget))&&C()}function p(r){m("click",r)}function n(r){r.target?.dispatchEvent(new Event("focus",r)),m("clickToggle",r),r.defaultPrevented||l()}function o(r){if(!(r.target instanceof HTMLElement)){C();return}!c(r.target)&&!r.defaultPrevented&&C()}return e.watchEffect(()=>{d.value?window.addEventListener("resize",y):window.removeEventListener("resize",y)}),{target:u,menu:s,alignment:i,expanded:d,floatingStyles:B,placement:k,side:a,classes:w,buttonClasses:f,show:b,hide:C,toggle:l,onBlur:h,onClick:p,onClickToggle:n,onClickItem:o}}const x=["aria-expanded"],D=e.defineComponent({__name:"BtnDropdownSingle",props:{align:{},block:{type:Boolean},buttonClass:{},caret:{type:Boolean,default:!0},dropup:{type:Boolean},dropright:{type:Boolean},dropleft:{type:Boolean},label:{},offset:{},middleware:{},side:{},size:{},split:{type:Boolean},variant:{default:"btn-primary"}},emits:["click","clickToggle","show","hide"],setup(t,{expose:m,emit:u}){const s=t,d=u,{target:i,menu:a,buttonClasses:k,classes:w,expanded:f,floatingStyles:B,show:y,hide:b,toggle:C,onBlur:l,onClickToggle:c,onClickItem:h}=P(s,d);return m({show:y,hide:b,toggle:C}),(p,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["btn-group",e.unref(w)])},[e.renderSlot(p.$slots,"button",e.normalizeProps(e.guardReactiveProps({target:o=>i.value=o,expanded:e.unref(f),onBlur:e.unref(l),onClickToggle:e.unref(c)})),()=>[e.createElementVNode("button",{ref_key:"target",ref:i,type:"button",class:e.normalizeClass({...e.unref(k),"dropdown-toggle":!0}),"aria-haspopup":"true","aria-expanded":e.unref(f),onBlur:n[0]||(n[0]=(...o)=>e.unref(l)&&e.unref(l)(...o)),onClick:n[1]||(n[1]=(...o)=>e.unref(c)&&e.unref(c)(...o))},e.toDisplayString(t.label),43,x)]),e.createVNode(e.unref(S.DropdownMenu),{ref_key:"menu",ref:a,class:e.normalizeClass({show:e.unref(f)}),style:e.normalizeStyle(e.unref(B)),onBlur:e.unref(l),onClick:e.unref(h),onMousedown:n[2]||(n[2]=e.withModifiers(()=>{},["prevent"]))},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},8,["class","style","onBlur","onClick"])],2))}}),E=["aria-expanded"],V={class:"btn-group"},M=["aria-expanded"],N=["aria-expanded"],q=e.defineComponent({__name:"BtnDropdownSplit",props:{align:{},block:{type:Boolean},buttonClass:{},caret:{type:Boolean,default:!0},dropup:{type:Boolean},dropright:{type:Boolean},dropleft:{type:Boolean},label:{},offset:{},middleware:{},side:{},size:{},split:{type:Boolean},variant:{default:"btn-primary"}},emits:["click","clickToggle","show","hide"],setup(t,{expose:m,emit:u}){const s=t,d=u,{target:i,menu:a,buttonClasses:k,classes:w,expanded:f,floatingStyles:B,show:y,hide:b,toggle:C,onBlur:l,onClickToggle:c,onClickItem:h}=P(s,d);return m({show:y,hide:b,toggle:C}),(p,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["btn-group btn-dropdown-split",e.unref(w)])},[t.dropleft?e.createCommentVNode("",!0):e.renderSlot(p.$slots,"button",e.normalizeProps(e.mergeProps({key:0},{expanded:e.unref(f),onBlur:e.unref(l),onClickToggle:e.unref(c)})),()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(k)),"aria-haspopup":"true","aria-expanded":e.unref(f),onBlur:n[0]||(n[0]=(...o)=>e.unref(l)&&e.unref(l)(...o)),onClick:n[1]||(n[1]=(...o)=>p.onClick&&p.onClick(...o))},e.toDisplayString(t.label),43,E)]),e.createElementVNode("div",V,[e.renderSlot(p.$slots,"toggle",e.normalizeProps(e.guardReactiveProps({target:o=>i.value=o,expanded:e.unref(f),onBlur:e.unref(l),onClickToggle:e.unref(c)})),()=>[e.createElementVNode("button",{ref_key:"target",ref:i,type:"button","aria-haspopup":"true","aria-expanded":e.unref(f),class:e.normalizeClass({...e.unref(k),"dropdown-toggle":!0,"dropdown-toggle-split":t.split}),onBlur:n[2]||(n[2]=(...o)=>e.unref(l)&&e.unref(l)(...o)),onClick:n[3]||(n[3]=(...o)=>e.unref(c)&&e.unref(c)(...o))},null,42,M)]),e.createVNode(e.unref(S.DropdownMenu),{ref_key:"menu",ref:a,class:e.normalizeClass({show:e.unref(f)}),style:e.normalizeStyle(e.unref(B)),onBlur:e.unref(l),onClick:e.unref(h),onMousedown:n[4]||(n[4]=e.withModifiers(()=>{},["prevent"]))},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},8,["class","style","onBlur","onClick"])]),t.dropleft?e.renderSlot(p.$slots,"button",e.normalizeProps(e.mergeProps({key:1},{expanded:e.unref(f),onBlur:e.unref(l),onClickToggle:e.unref(c)})),()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(k)),"aria-haspopup":"true","aria-expanded":e.unref(f),onBlur:n[5]||(n[5]=(...o)=>e.unref(l)&&e.unref(l)(...o)),onClick:n[6]||(n[6]=(...o)=>p.onClick&&p.onClick(...o))},e.toDisplayString(t.label),43,N)]):e.createCommentVNode("",!0)],2))}}),R=e.defineComponent({__name:"BtnDropdown",props:{split:{type:Boolean,default:!1},align:{},block:{type:Boolean},buttonClass:{},caret:{type:Boolean,default:!0},dropup:{type:Boolean},dropright:{type:Boolean},dropleft:{type:Boolean},label:{},offset:{},middleware:{},side:{},size:{},variant:{}},emits:["click","clickToggle","show","hide"],setup(t,{emit:m}){const u=t,s=m;return(d,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.split?q:D),e.mergeProps(u,{onClick:i[0]||(i[0]=a=>s("click",a)),onClickToggle:i[1]||(i[1]=a=>s("clickToggle",a)),onShow:i[2]||(i[2]=()=>s("show")),onHide:i[3]||(i[3]=()=>s("hide"))}),{button:e.withCtx(a=>[e.renderSlot(d.$slots,"button",e.normalizeProps(e.guardReactiveProps(a)))]),toggle:e.withCtx(a=>[e.renderSlot(d.$slots,"toggle",e.normalizeProps(e.guardReactiveProps(a)))]),split:e.withCtx(a=>[e.renderSlot(d.$slots,"split",e.normalizeProps(e.guardReactiveProps(a)))]),default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3},16))}});g.BtnDropdown=R,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
+(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vue-interface/dropdown-menu"),require("@floating-ui/dom"),require("@floating-ui/vue")):typeof define=="function"&&define.amd?define(["exports","vue","@vue-interface/dropdown-menu","@floating-ui/dom","@floating-ui/vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.BtnDropdown={},C.Vue,C.VueInterfaceDropdownMenu,C.FloatingUiDom,C.FloatingUiVue))})(this,(function(C,e,S,T,x){"use strict";function P(t,k){const d=e.ref(null),c=e.ref(),a=e.ref(!1),f=e.computed(()=>t.align??"start"),g=e.computed(()=>t.dropup?"top":t.dropleft?"left":t.dropright?"right":"bottom"),i=e.computed(()=>`${g.value}-${f.value}`),s=e.computed(()=>({dropdown:t.dropup&&t.dropright&&t.dropleft,dropup:t.dropup,dropright:t.dropright,dropleft:t.dropleft,expanded:a.value,[t.size??""]:!!t.size})),u=e.computed(()=>{const l={btn:!0,[t.variant??""]:!!t.variant,"btn-block":!!t.block,"no-caret":!t.caret};if(typeof t.buttonClass=="string")l[t.buttonClass]=!0;else if(Array.isArray(t.buttonClass))for(const z of t.buttonClass)l[z]=!0;else t.buttonClass&&Object.assign(l,t.buttonClass);return l}),{floatingStyles:B,update:w}=x.useFloating(d,c,{placement:i,middleware:t.middleware??[T.offset(t.offset??5),T.flip()]});function b(){a.value=!0,!(!d.value||!c.value)&&(w(),k("show"))}function y(){a.value=!1,d.value instanceof HTMLElement&&d.value?.blur(),k("hide")}function r(){a.value?y():b()}function m(l){const z=Array.from(c.value?.$el.querySelectorAll("label, input, select, textarea")??[]);for(const H in z)if(l===z[H])return!0;return!1}function h(l){if(!(l.relatedTarget instanceof HTMLElement)||!(d.value instanceof Element)){y();return}(c.value&&!c.value?.$el.contains(l.relatedTarget)||!d.value?.contains(l.relatedTarget))&&y()}function p(l){k("click",l)}function n(l){l.target?.dispatchEvent(new Event("focus",l)),k("clickToggle",l),l.defaultPrevented||r()}function o(l){if(!(l.target instanceof HTMLElement)){y();return}!m(l.target)&&!l.defaultPrevented&&y()}return e.watchEffect(()=>{a.value?window.addEventListener("resize",w):window.removeEventListener("resize",w)}),{target:d,menu:c,alignment:f,expanded:a,floatingStyles:B,placement:i,side:g,classes:s,buttonClasses:u,show:b,hide:y,toggle:r,onBlur:h,onClick:p,onClickToggle:n,onClickItem:o}}const $=["aria-expanded"],E=e.defineComponent({__name:"BtnDropdownSingle",props:{align:{},block:{type:Boolean},buttonClass:{},caret:{type:Boolean,default:!0},dropup:{type:Boolean},dropright:{type:Boolean},dropleft:{type:Boolean},label:{},offset:{},middleware:{},side:{},size:{},split:{type:Boolean},variant:{default:"btn-primary"}},emits:["click","clickToggle","show","hide"],setup(t,{expose:k,emit:d}){const c=t,a=d,{target:f,menu:g,buttonClasses:i,classes:s,expanded:u,floatingStyles:B,show:w,hide:b,toggle:y,onBlur:r,onClickToggle:m,onClickItem:h}=P(c,a);return k({show:w,hide:b,toggle:y}),(p,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["btn-group",e.unref(s)])},[e.renderSlot(p.$slots,"button",e.normalizeProps(e.guardReactiveProps({target:o=>f.value=o,expanded:e.unref(u),onBlur:e.unref(r),onClickToggle:e.unref(m)})),()=>[e.createElementVNode("button",{ref_key:"target",ref:f,type:"button",class:e.normalizeClass({...e.unref(i),"dropdown-toggle":!0}),"aria-haspopup":"true","aria-expanded":e.unref(u),onBlur:n[0]||(n[0]=(...o)=>e.unref(r)&&e.unref(r)(...o)),onClick:n[1]||(n[1]=(...o)=>e.unref(m)&&e.unref(m)(...o))},e.toDisplayString(t.label),43,$)]),e.createVNode(e.unref(S.DropdownMenu),{ref_key:"menu",ref:g,class:e.normalizeClass({show:e.unref(u)}),style:e.normalizeStyle(e.unref(B)),onBlur:e.unref(r),onClick:e.unref(h),onMousedown:n[2]||(n[2]=e.withModifiers(()=>{},["prevent"]))},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},8,["class","style","onBlur","onClick"])],2))}}),D=["aria-expanded"],V={class:"btn-group"},M=["aria-expanded"],N=["aria-expanded"],R=e.defineComponent({__name:"BtnDropdownSplit",props:{align:{},block:{type:Boolean},buttonClass:{},caret:{type:Boolean,default:!0},dropup:{type:Boolean},dropright:{type:Boolean},dropleft:{type:Boolean},label:{},offset:{},middleware:{},side:{},size:{},split:{type:Boolean},variant:{default:"btn-primary"}},emits:["click","clickToggle","show","hide"],setup(t,{expose:k,emit:d}){const c=t,a=d,{target:f,menu:g,buttonClasses:i,classes:s,expanded:u,floatingStyles:B,show:w,hide:b,toggle:y,onBlur:r,onClickToggle:m,onClickItem:h}=P(c,a);return k({show:w,hide:b,toggle:y}),(p,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["btn-group btn-dropdown-split",e.unref(s)])},[t.dropleft?e.createCommentVNode("",!0):e.renderSlot(p.$slots,"button",e.normalizeProps(e.mergeProps({key:0},{expanded:e.unref(u),onBlur:e.unref(r),onClickToggle:e.unref(m)})),()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(i)),"aria-haspopup":"true","aria-expanded":e.unref(u),onBlur:n[0]||(n[0]=(...o)=>e.unref(r)&&e.unref(r)(...o)),onClick:n[1]||(n[1]=(...o)=>p.onClick&&p.onClick(...o))},e.toDisplayString(t.label),43,D)]),e.createElementVNode("div",V,[e.renderSlot(p.$slots,"toggle",e.normalizeProps(e.guardReactiveProps({target:o=>f.value=o,expanded:e.unref(u),onBlur:e.unref(r),onClickToggle:e.unref(m)})),()=>[e.createElementVNode("button",{ref_key:"target",ref:f,type:"button","aria-haspopup":"true","aria-expanded":e.unref(u),class:e.normalizeClass({...e.unref(i),"dropdown-toggle":!0,"dropdown-toggle-split":t.split}),onBlur:n[2]||(n[2]=(...o)=>e.unref(r)&&e.unref(r)(...o)),onClick:n[3]||(n[3]=(...o)=>e.unref(m)&&e.unref(m)(...o))},null,42,M)]),e.createVNode(e.unref(S.DropdownMenu),{ref_key:"menu",ref:g,class:e.normalizeClass({show:e.unref(u)}),style:e.normalizeStyle(e.unref(B)),onBlur:e.unref(r),onClick:e.unref(h),onMousedown:n[4]||(n[4]=e.withModifiers(()=>{},["prevent"]))},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},8,["class","style","onBlur","onClick"])]),t.dropleft?e.renderSlot(p.$slots,"button",e.normalizeProps(e.mergeProps({key:1},{expanded:e.unref(u),onBlur:e.unref(r),onClickToggle:e.unref(m)})),()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(i)),"aria-haspopup":"true","aria-expanded":e.unref(u),onBlur:n[5]||(n[5]=(...o)=>e.unref(r)&&e.unref(r)(...o)),onClick:n[6]||(n[6]=(...o)=>p.onClick&&p.onClick(...o))},e.toDisplayString(t.label),43,N)]):e.createCommentVNode("",!0)],2))}}),q=e.defineComponent({__name:"BtnDropdown",props:{split:{type:Boolean,default:!1},align:{},block:{type:Boolean},buttonClass:{},caret:{type:Boolean,default:!0},dropup:{type:Boolean},dropright:{type:Boolean},dropleft:{type:Boolean},label:{},offset:{},middleware:{},side:{},size:{},variant:{}},emits:["click","clickToggle","show","hide"],setup(t,{expose:k,emit:d}){const c=t,a=d,f=e.useTemplateRef("el");return k({hide:()=>f.value?.hide(),show:()=>f.value?.show(),toggle:()=>f.value?.toggle()}),(g,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.split?R:E),e.mergeProps({ref_key:"el",ref:f},c,{onClick:i[0]||(i[0]=s=>a("click",s)),onClickToggle:i[1]||(i[1]=s=>a("clickToggle",s)),onShow:i[2]||(i[2]=()=>a("show")),onHide:i[3]||(i[3]=()=>a("hide"))}),{button:e.withCtx(s=>[e.renderSlot(g.$slots,"button",e.normalizeProps(e.guardReactiveProps(s)))]),toggle:e.withCtx(s=>[e.renderSlot(g.$slots,"toggle",e.normalizeProps(e.guardReactiveProps(s)))]),split:e.withCtx(s=>[e.renderSlot(g.$slots,"split",e.normalizeProps(e.guardReactiveProps(s)))]),default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16))}});C.BtnDropdown=q,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=btn-dropdown.umd.cjs.map