bitboss-ui 0.1.2 → 0.1.4

package/dist/index52.js

@@ -1,107 +1,291 @@
-import { defineComponent as f, openBlock as _, createElementBlock as B, normalizeClass as k, createVNode as i, unref as e, withCtx as s, renderSlot as d, createTextVNode as v, toDisplayString as h, createSlots as C, mergeProps as $, createElementVNode as l, renderList as D, normalizeProps as g, guardReactiveProps as y } from "vue";
-import w from "./index2.js";
+import { defineComponent as G, computed as I, ref as h, openBlock as D, createElementBlock as M, mergeProps as J, createElementVNode as $, renderSlot as w, normalizeProps as Q, guardReactiveProps as W, unref as b, createBlock as X, Teleport as Y, normalizeClass as q, normalizeStyle as K, Fragment as A, renderList as Z, createVNode as x, withCtx as ee, createTextVNode as oe, toDisplayString as ne } from "vue";
+import { findRightIndex as S } from "./index185.js";
+import { nanoid as te } from "./index176.js";
+import { useFloating as le } from "./index186.js";
+import { wait as B } from "./index164.js";
+import ae from "./index2.js";
 import "./index3.js";
-import L from "./index50.js";
-import "./index51.js";
-const N = { class: "bb-dropdown-button__dropdown-label" }, P = /* @__PURE__ */ l("svg", {
-  class: "bb-dropdown-button__dropdown-chevron",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-}, [
-  /* @__PURE__ */ l("path", {
-    fill: "currentColor",
-    d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z"
-  })
-], -1), T = /* @__PURE__ */ f({
-  __name: "BbDropdownButton",
+import O from "./index165.js";
+import { autoUpdate as se } from "./index157.js";
+import { flip as ie, shift as re } from "./index166.js";
+const de = ["id"], ue = /* @__PURE__ */ $("span", { class: "bb-dropdown__arrow" }, null, -1), ce = { class: "bb-dropdown__items-container" }, _e = /* @__PURE__ */ G({
+  __name: "BbDropdown",
   props: {
     block: { type: Boolean },
     disabled: { type: Boolean },
     items: {},
-    placement: {},
-    theme: { default: "dropdown-btn" },
-    transitionDuration: {},
-    width: {}
+    placement: { default: "bottom" },
+    theme: { default: "default" },
+    transitionDuration: { default: 150 },
+    width: { default: 200 }
   },
-  setup(c) {
-    const o = c.items[0];
-    return (t, V) => (_(), B("span", {
-      class: k(["bb-dropdown-button", { "bb-dropdown-button--block": t.block }])
-    }, [
-      i(w, {
-        disabled: e(o).disabled || t.disabled,
-        href: e(o).href,
-        to: e(o).to,
-        onClick: e(o).handler,
-        class: "bb-dropdown-button__main-btn"
-      }, {
-        default: s(() => [
-          d(t.$slots, "left-btn", {
-            disabled: e(o).disabled || t.disabled,
-            text: e(o).text
-          }, () => [
-            v(h(e(o).text), 1)
-          ])
-        ]),
-        _: 3
-      }, 8, ["disabled", "href", "to", "onClick"]),
-      i(L, {
-        disabled: t.disabled,
-        items: t.items,
-        placement: t.placement,
-        theme: t.theme,
-        transitionDuration: t.transitionDuration,
-        width: t.width
-      }, C({
-        activator: s(({
-          props: a,
-          opening: n,
-          open: r,
-          closed: b,
-          closing: p,
-          disabled: m,
-          placement: u
-        }) => [
-          d(t.$slots, "activator", {
-            props: a,
-            opening: n,
-            open: r,
-            closed: b,
-            closing: p,
-            disabled: m,
-            placement: u
-          }, () => [
-            i(w, $(a, { class: "bb-dropdown-button__dropdown-btn" }), {
-              default: s(() => [
-                l("span", N, h(r || n ? "Chiudi" : "Apri") + " il menu", 1),
-                d(t.$slots, "right-btn", {
-                  opening: n,
-                  open: r,
-                  closed: b,
-                  closing: p,
-                  disabled: m,
-                  placement: u
-                }, () => [
-                  P
-                ])
-              ]),
-              _: 2
-            }, 1040)
-          ])
-        ]),
-        _: 2
+  setup(P) {
+    const u = P, p = `bb_${te()}`, v = I(() => {
+      let o = u.items.findIndex((e) => !e.disabled), t = S(
+        u.items,
+        (e) => !e.disabled
+      );
+      return u.items.map((e, n) => {
+        const d = `${p}-item-${e.key}`, j = async () => {
+          await g();
+          const a = document.querySelector(`#${p}`);
+          if (a)
+            a instanceof HTMLElement && a.focus();
+          else
+            return;
+          e.handler && e.handler();
+        }, R = (a) => {
+          if (a.target instanceof HTMLElement && a.target.dataset.dropdownItem) {
+            if (!l.value)
+              return;
+            if (a.key === "ArrowDown") {
+              if (a.preventDefault(), l.value && n !== t) {
+                const f = l.value.querySelector(
+                  O.map((k) => `#${d} ~ ${k}`).join(",")
+                );
+                f && f instanceof HTMLElement && f.focus();
+              }
+            } else if (a.key === "ArrowUp") {
+              if (a.preventDefault(), l.value && n !== o) {
+                const f = S(u.items, (E, T) => T < n && !E.disabled), _ = Array.from(
+                  l.value.querySelectorAll(".bb-dropdown__item")
+                )[f];
+                _ && _ instanceof HTMLElement && _.focus();
+              }
+            } else if (a.key === "Tab") {
+              if (n === t && !a.shiftKey) {
+                const f = O.join(","), k = Array.from(
+                  document.querySelectorAll(f)
+                ), _ = k.findIndex(
+                  (T) => T.id === p
+                ), E = k[_ + 1];
+                if (E)
+                  E instanceof HTMLElement && (a.preventDefault(), g(), E.focus());
+                else
+                  return;
+              } else if (n === o && a.shiftKey) {
+                const f = document.querySelector(`#${p}`);
+                if (f)
+                  f instanceof HTMLElement && (a.preventDefault(), f.focus());
+                else
+                  return;
+              }
+            }
+          }
+        };
+        return {
+          disabled: e.disabled,
+          href: e.href,
+          id: d,
+          key: e.key,
+          onClick: j,
+          onKeydown: R,
+          text: e.text,
+          to: e.to
+        };
+      });
+    }), y = h(), l = h(), { floatingStyles: z, placement: m } = le(y, l, {
+      placement: u.placement,
+      whileElementsMounted: se,
+      middleware: [ie(), re({ padding: 6 })]
+    }), s = h(!1), i = h(!1), r = h(!1), c = h(!0), N = () => {
+      s.value || r.value || (i.value ? g() : L());
+    }, U = async (o) => {
+      let t = u.items.findIndex((n) => !n.disabled), e = S(
+        u.items,
+        (n) => !n.disabled
+      );
+      if (o.key === "ArrowDown") {
+        if (o.preventDefault(), r.value || s.value)
+          return;
+        if (c.value && await L(), l.value && v.value.length && t !== -1) {
+          const n = v.value[t].id, d = l.value.querySelector(`#${n}`);
+          d && d instanceof HTMLElement && d.focus();
+        }
+      } else if (o.key === "ArrowUp") {
+        if (o.preventDefault(), r.value || s.value)
+          return;
+        if (c.value && await L(), l.value && v.value.length && e !== -1) {
+          const n = v.value[e].id, d = l.value.querySelector(`#${n}`);
+          d && d instanceof HTMLElement && d.focus();
+        }
+      } else if (o.key === "Tab" && i.value && !o.shiftKey && (o.preventDefault(), l.value && v.value.length && t !== -1)) {
+        const n = v.value[t].id, d = l.value.querySelector(`#${n}`);
+        d && d instanceof HTMLElement && d.focus();
+      }
+    }, H = (o) => {
+      const t = o.target;
+      if (t && t instanceof HTMLElement) {
+        let e = !0;
+        y.value && y.value.contains(t) && (e = !1), l.value && l.value.contains(t) && (e = !1), e && g();
+      }
+    }, C = (o) => {
+      const t = o.target;
+      if (t && t instanceof HTMLElement) {
+        let e = !0;
+        y.value && y.value.contains(t) && (e = !1), l.value && l.value.contains(t) && (e = !1), e && g();
+      }
+    }, F = (o) => {
+      var t;
+      if (i.value && o.key === "Escape") {
+        if (((t = document.activeElement) == null ? void 0 : t.id) !== p) {
+          const e = document.querySelector(`#${p}`);
+          e instanceof HTMLElement && e.focus();
+        }
+        g();
+      }
+    }, L = async () => {
+      c.value = !1, r.value = !1, s.value = !0, await B(50), i.value = !0, s.value = !1, document.addEventListener("click", H, { passive: !0 }), document.addEventListener("focusin", C, { passive: !0 }), document.addEventListener("keydown", F, { passive: !0 });
+    }, g = async () => {
+      i.value = !1, s.value = !1, r.value = !0, await B(u.transitionDuration), r.value = !1, c.value = !0, document.removeEventListener("click", H), document.removeEventListener("focusin", C), document.removeEventListener("keydown", F);
+    }, V = I(() => ({
+      class: {
+        "bb-dropdown--block": u.block,
+        [`bb-dropdown--theme-${u.theme}`]: u.theme
+      }
+    }));
+    return (o, t) => (D(), M("span", J({ class: "bb-dropdown" }, V.value), [
+      $("span", {
+        class: "bb-dropdown__wrapper",
+        ref_key: "wrapper",
+        ref: y
       }, [
-        D(t.$slots, (a, n) => ({
-          name: n,
-          fn: s((r) => [
-            d(t.$slots, n, g(y(r)))
-          ])
-        }))
-      ]), 1032, ["disabled", "items", "placement", "theme", "transitionDuration", "width"])
-    ], 2));
+        w(o.$slots, "activator", Q(W({
+          props: {
+            "aria-expanded": i.value,
+            "aria-controls": `menu_${p}`,
+            id: p,
+            onClick: N,
+            onKeydown: U,
+            disabled: o.disabled
+          },
+          closed: c.value,
+          closing: r.value,
+          disabled: o.disabled,
+          open: i.value,
+          opening: s.value,
+          placement: b(m)
+        })))
+      ], 512),
+      (D(), X(Y, { to: "body" }, [
+        $("span", {
+          class: q(["bb-dropdown__bubble-container", {
+            [`bb-dropdown__bubble-container--${b(m)}`]: !0,
+            [`bb-dropdown__bubble-container--${o.theme}`]: o.theme,
+            "bb-dropdown__bubble-container--hidden": c.value,
+            "bb-dropdown__bubble-container--closing": r.value,
+            "bb-dropdown__bubble-container--opening": s.value,
+            "bb-dropdown__bubble-container--open": i.value
+          }]),
+          ref_key: "content",
+          ref: l,
+          style: K({
+            ...b(z),
+            transitionDuration: `${u.transitionDuration}ms`
+          }),
+          "aria-labelledby": p,
+          "aria-role": "menu",
+          id: `menu_${p}`
+        }, [
+          ue,
+          $("span", {
+            class: "bb-dropdown__bubble",
+            style: K({ width: `${o.width}px` })
+          }, [
+            w(o.$slots, "prepend", {
+              closed: c.value,
+              closing: r.value,
+              disabled: o.disabled,
+              open: i.value,
+              opening: s.value,
+              placement: b(m)
+            }),
+            $("span", ce, [
+              (D(!0), M(A, null, Z(v.value, (e, n) => (D(), M(A, {
+                key: e.key
+              }, [
+                w(o.$slots, "item:prepend", {
+                  closed: c.value,
+                  closing: r.value,
+                  disabled: o.disabled || e.disabled,
+                  index: n,
+                  item: o.items[n],
+                  open: i.value,
+                  opening: s.value,
+                  placement: b(m),
+                  text: e.text
+                }),
+                x(ae, {
+                  class: q(["bb-dropdown__item", {
+                    "bb-dropdown__item--first": n === 0,
+                    "bb-dropdown__item--last": n === o.items.length - 1
+                  }]),
+                  "aria-role": "menuitem",
+                  "data-dropdown-item": !0,
+                  disabled: e.disabled,
+                  href: e.href,
+                  id: e.id,
+                  to: e.to,
+                  onClick: e.onClick,
+                  onKeydown: e.onKeydown
+                }, {
+                  default: ee(() => [
+                    w(o.$slots, e.key, {
+                      closed: c.value,
+                      closing: r.value,
+                      disabled: o.disabled || e.disabled,
+                      index: n,
+                      item: e,
+                      open: i.value,
+                      opening: s.value,
+                      placement: b(m),
+                      text: e.text
+                    }, () => [
+                      w(o.$slots, "item", {
+                        closed: c.value,
+                        closing: r.value,
+                        disabled: o.disabled || e.disabled,
+                        index: n,
+                        item: e,
+                        open: i.value,
+                        opening: s.value,
+                        placement: b(m),
+                        text: e.text
+                      }, () => [
+                        oe(ne(e.text), 1)
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["class", "disabled", "href", "id", "to", "onClick", "onKeydown"]),
+                w(o.$slots, "item:append", {
+                  closed: c.value,
+                  closing: r.value,
+                  disabled: o.disabled || e.disabled,
+                  index: n,
+                  item: o.items[n],
+                  open: i.value,
+                  opening: s.value,
+                  placement: b(m),
+                  text: e.text
+                })
+              ], 64))), 128))
+            ]),
+            w(o.$slots, "append", {
+              disabled: o.disabled,
+              placement: b(m),
+              open: i.value,
+              opening: s.value,
+              closing: r.value,
+              closed: c.value
+            })
+          ], 4)
+        ], 14, de)
+      ]))
+    ], 16));
   }
 });
 export {
-  T as default
+  _e as default
 };
 //# sourceMappingURL=index52.js.map

package/dist/index52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index52.js","sources":["../src/components/BbDropdownButton/BbDropdownButton.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, mergeProps as _mergeProps, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderList as _renderList, createSlots as _createSlots, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-dropdown-button__dropdown-label\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"bb-dropdown-button__dropdown-chevron\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 24 24\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    fill: \"currentColor\",\n    d: \"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z\"\n  })\n], -1)\n\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport type { Item } from \"../BbDropdown/BbDropdown.vue\";\nimport BbDropdown from \"../BbDropdown/BbDropdown.vue\";\n\nexport type BbDropdownButtonProps = {\n  block?: boolean;\n  disabled?: boolean;\n  items: Item[];\n  placement?:\n    | \"top\"\n    | \"top-start\"\n    | \"top-end\"\n    | \"right\"\n    | \"right-start\"\n    | \"right-end\"\n    | \"bottom\"\n    | \"bottom-start\"\n    | \"bottom-end\"\n    | \"left\"\n    | \"left-start\"\n    | \"left-end\";\n  theme?: string;\n  transitionDuration?: number;\n  width?: number;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDropdownButton',\n  props: {\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    items: {},\n    placement: {},\n    theme: { default: \"dropdown-btn\" },\n    transitionDuration: {},\n    width: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst mainBtn = props.items[0];\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass([\"bb-dropdown-button\", { 'bb-dropdown-button--block': _ctx.block }])\n  }, [\n    _createVNode(BaseButton, {\n      disabled: _unref(mainBtn).disabled || _ctx.disabled,\n      href: _unref(mainBtn).href,\n      to: _unref(mainBtn).to,\n      onClick: _unref(mainBtn).handler,\n      class: \"bb-dropdown-button__main-btn\"\n    }, {\n      default: _withCtx(() => [\n        _renderSlot(_ctx.$slots, \"left-btn\", {\n          disabled: _unref(mainBtn).disabled || _ctx.disabled,\n          text: _unref(mainBtn).text\n        }, () => [\n          _createTextVNode(_toDisplayString(_unref(mainBtn).text), 1)\n        ])\n      ]),\n      _: 3\n    }, 8, [\"disabled\", \"href\", \"to\", \"onClick\"]),\n    _createVNode(BbDropdown, {\n      disabled: _ctx.disabled,\n      items: _ctx.items,\n      placement: _ctx.placement,\n      theme: _ctx.theme,\n      transitionDuration: _ctx.transitionDuration,\n      width: _ctx.width\n    }, _createSlots({\n      activator: _withCtx(({\n          props,\n          opening,\n          open,\n          closed,\n          closing,\n          disabled,\n          placement,\n        }) => [\n        _renderSlot(_ctx.$slots, \"activator\", {\n          props: props,\n          opening: opening,\n          open: open,\n          closed: closed,\n          closing: closing,\n          disabled: disabled,\n          placement: placement\n        }, () => [\n          _createVNode(BaseButton, _mergeProps(props, { class: \"bb-dropdown-button__dropdown-btn\" }), {\n            default: _withCtx(() => [\n              _createElementVNode(\"span\", _hoisted_1, _toDisplayString(open || opening ? \"Chiudi\" : \"Apri\") + \" il menu\", 1),\n              _renderSlot(_ctx.$slots, \"right-btn\", {\n                opening: opening,\n                open: open,\n                closed: closed,\n                closing: closing,\n                disabled: disabled,\n                placement: placement\n              }, () => [\n                _hoisted_2\n              ])\n            ]),\n            _: 2\n          }, 1040)\n        ])\n      ]),\n      _: 2\n    }, [\n      _renderList(_ctx.$slots, (_, name) => {\n        return {\n          name: name,\n          fn: _withCtx((data) => [\n            _renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(data)))\n          ])\n        }\n      })\n    ]), 1032, [\"disabled\", \"items\", \"placement\", \"theme\", \"transitionDuration\", \"width\"])\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","mainBtn","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createVNode","BaseButton","_unref","_withCtx","_renderSlot","_createTextVNode","_toDisplayString","BbDropdown","_createSlots","props","opening","open","closed","closing","disabled","placement","_mergeProps","_createElementVNode","_renderList","_","name","data","_normalizeProps","_guardReactiveProps"],"mappings":"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"}
+{"version":3,"file":"index52.js","sources":["../src/components/BbDropdown/BbDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, withCtx as _withCtx, createVNode as _createVNode, normalizeStyle as _normalizeStyle, Teleport as _Teleport, createBlock as _createBlock, mergeProps as _mergeProps } from \"vue\"\n\nconst _hoisted_1 = [\"id\"]\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-dropdown__arrow\" }, null, -1)\nconst _hoisted_3 = { class: \"bb-dropdown__items-container\" }\n\nimport { computed, ref } from \"vue\";\nimport { findRightIndex } from \"@/utilities/functions/findRightIndex\";\nimport { nanoid } from \"nanoid\";\nimport { useFloating, autoUpdate, flip, shift } from \"@floating-ui/vue\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport selectors from \"focusable-selectors\";\nimport type { RouteLocationRaw } from \"vue-router\";\n\nexport type BbDropdownProps = {\n  block?: boolean;\n  disabled?: boolean;\n  items: Item[];\n  placement?:\n    | \"top\"\n    | \"top-start\"\n    | \"top-end\"\n    | \"right\"\n    | \"right-start\"\n    | \"right-end\"\n    | \"bottom\"\n    | \"bottom-start\"\n    | \"bottom-end\"\n    | \"left\"\n    | \"left-start\"\n    | \"left-end\";\n  theme?: string;\n  transitionDuration?: number;\n  width?: number;\n};\n\nexport type Item = {\n  disabled?: boolean;\n  handler?: (...args: any[]) => any;\n  href?: string;\n  key: string;\n  text: string;\n  to?: RouteLocationRaw;\n};\n\ntype MappedItem = {\n  disabled: Item[\"disabled\"];\n  href: Item[\"href\"];\n  id: string;\n  key: Item[\"key\"];\n  onClick: (...args: any[]) => any;\n  onKeydown: (event: KeyboardEvent) => void;\n  text: Item[\"text\"];\n  to: Item[\"to\"];\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDropdown',\n  props: {\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    items: {},\n    placement: { default: \"bottom\" },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 },\n    width: { default: 200 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst id = `bb_${nanoid()}`;\n\nconst mappedItems = computed<MappedItem[]>(() => {\n  let firstFocusableIndex: number = props.items.findIndex((el) => !el.disabled);\n  let lastFocusableIndex: number = findRightIndex(\n    props.items,\n    (item) => !item.disabled\n  );\n\n  return props.items.map((item, index) => {\n    const itemid = `${id}-item-${item.key}`;\n\n    /* Id a click handler has been passed close the dropdown\n     *  return focus and run the handler\n     */\n    const onClick = async () => {\n      await closeDropdown();\n      const nextElement = document.querySelector(`#${id}`);\n      if (!nextElement) return;\n      else if (nextElement instanceof HTMLElement) {\n        nextElement.focus();\n      }\n      if (item.handler) item.handler();\n    };\n\n    /**\n     * On keydown\n     * arrow down move to the next focusable element if it's not the last\n     * arrow up move to the previous focusable element if it's not the first\n     * on tab search the next focusable element after the button that opens the dropdown\n     * if an element is found focus on that\n     * (the menu is attached to body so it's not in order)\n     */\n    const onKeydown = (event: KeyboardEvent) => {\n      if (\n        event.target instanceof HTMLElement &&\n        event.target.dataset[\"dropdownItem\"]\n      ) {\n        if (!content.value) return;\n        if (event.key === \"ArrowDown\") {\n          event.preventDefault();\n          if (content.value && index !== lastFocusableIndex) {\n            const option = content.value.querySelector(\n              selectors.map((selector) => `#${itemid} ~ ${selector}`).join(\",\")\n            );\n            if (option && option instanceof HTMLElement) {\n              option.focus();\n            }\n          }\n        } else if (event.key === \"ArrowUp\") {\n          event.preventDefault();\n          if (content.value && index !== firstFocusableIndex) {\n            const indexOfPrevious = findRightIndex(props.items, (item, i) => {\n              return i < index && !item.disabled;\n            });\n\n            const options = Array.from(\n              content.value.querySelectorAll(`.bb-dropdown__item`)\n            );\n\n            const option = options[indexOfPrevious];\n\n            if (option && option instanceof HTMLElement) {\n              option.focus();\n            }\n          }\n        } else if (event.key === \"Tab\") {\n          if (index === lastFocusableIndex && !event.shiftKey) {\n            const selector = selectors.join(\",\");\n            const focusableElements = Array.from(\n              document.querySelectorAll(selector)\n            );\n            const indexOfButton = focusableElements.findIndex(\n              (el) => el.id === id\n            );\n            const nextElement = focusableElements[indexOfButton + 1];\n            if (!nextElement) return;\n            else if (nextElement instanceof HTMLElement) {\n              event.preventDefault();\n              closeDropdown();\n              nextElement.focus();\n            }\n          } else if (index === firstFocusableIndex && event.shiftKey) {\n            const nextElement = document.querySelector(`#${id}`);\n            if (!nextElement) return;\n            else if (nextElement instanceof HTMLElement) {\n              event.preventDefault();\n              nextElement.focus();\n            }\n          }\n        }\n      }\n    };\n\n    return {\n      disabled: item.disabled,\n      href: item.href,\n      id: itemid,\n      key: item.key,\n      onClick,\n      onKeydown,\n      text: item.text,\n      to: item.to,\n    };\n  });\n});\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\n\nconst { floatingStyles, placement } = useFloating(wrapper, content, {\n  placement: props.placement,\n  whileElementsMounted: autoUpdate,\n  middleware: [flip(), shift({ padding: 6 })],\n});\n\nconst opening = ref(false);\nconst open = ref(false);\nconst closing = ref(false);\nconst closed = ref(true);\n\n/* On click of the trigger attach elements  */\nconst onClick = () => {\n  if (opening.value || closing.value) return;\n  if (open.value) {\n    closeDropdown();\n  } else {\n    openDropdown();\n  }\n};\n\nconst onKeydown = async (event: KeyboardEvent) => {\n  let firstFocusableIndex: number = props.items.findIndex((el) => !el.disabled);\n  let lastFocusableIndex: number = findRightIndex(\n    props.items,\n    (item) => !item.disabled\n  );\n  if (event.key === \"ArrowDown\") {\n    event.preventDefault();\n    if (closing.value || opening.value) return;\n    if (closed.value) {\n      await openDropdown();\n    }\n    if (\n      content.value &&\n      mappedItems.value.length &&\n      firstFocusableIndex !== -1\n    ) {\n      const idToFocus = mappedItems.value[firstFocusableIndex].id;\n      const option = content.value.querySelector(`#${idToFocus}`);\n      if (option && option instanceof HTMLElement) {\n        option.focus();\n      }\n    }\n  } else if (event.key === \"ArrowUp\") {\n    event.preventDefault();\n    if (closing.value || opening.value) return;\n    if (closed.value) {\n      await openDropdown();\n    }\n    if (\n      content.value &&\n      mappedItems.value.length &&\n      lastFocusableIndex !== -1\n    ) {\n      const idToFocus = mappedItems.value[lastFocusableIndex].id;\n      const option = content.value.querySelector(`#${idToFocus}`);\n      if (option && option instanceof HTMLElement) {\n        option.focus();\n      }\n    }\n  } else if (event.key === \"Tab\") {\n    if (open.value && !event.shiftKey) {\n      event.preventDefault();\n      if (\n        content.value &&\n        mappedItems.value.length &&\n        firstFocusableIndex !== -1\n      ) {\n        const idToFocus = mappedItems.value[firstFocusableIndex].id;\n        const option = content.value.querySelector(`#${idToFocus}`);\n        if (option && option instanceof HTMLElement) {\n          option.focus();\n        }\n      }\n    }\n  }\n};\n\nconst onClickDocument = (event: Event) => {\n  const target = event.target;\n  if (!target) return;\n  if (target instanceof HTMLElement) {\n    let isOutside = true;\n\n    if (wrapper.value) {\n      if (wrapper.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n    if (content.value) {\n      if (content.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n\n    if (isOutside) {\n      closeDropdown();\n    }\n  }\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n  const target = event.target;\n  if (!target) return;\n  if (target instanceof HTMLElement) {\n    let isOutside = true;\n\n    if (wrapper.value) {\n      if (wrapper.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n    if (content.value) {\n      if (content.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n\n    if (isOutside) {\n      closeDropdown();\n    }\n  }\n};\n\nconst onEsc = (event: KeyboardEvent) => {\n  if (open.value) {\n    if (event.key === \"Escape\") {\n      if (document.activeElement?.id !== id) {\n        const button = document.querySelector(`#${id}`);\n        if (button instanceof HTMLElement) {\n          button.focus();\n        }\n      }\n      closeDropdown();\n    }\n  }\n};\n\nconst openDropdown = async () => {\n  closed.value = false;\n  closing.value = false;\n  opening.value = true;\n  await wait(50);\n  open.value = true;\n  opening.value = false;\n  /* Attach listeners to document so we don't have to track them one by one */\n  document.addEventListener(\"click\", onClickDocument, { passive: true });\n  document.addEventListener(\"focusin\", onDocumentFocus, { passive: true });\n  document.addEventListener(\"keydown\", onEsc, { passive: true });\n};\n\nconst closeDropdown = async () => {\n  open.value = false;\n  opening.value = false;\n  closing.value = true;\n  await wait(props.transitionDuration);\n  closing.value = false;\n  closed.value = true;\n  document.removeEventListener(\"click\", onClickDocument);\n  document.removeEventListener(\"focusin\", onDocumentFocus);\n  document.removeEventListener(\"keydown\", onEsc);\n};\n\nconst attributes = computed(() => {\n  const classes = {\n    \"bb-dropdown--block\": props.block,\n    [`bb-dropdown--theme-${props.theme}`]: props.theme,\n  };\n  return {\n    class: classes,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-dropdown\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      class: \"bb-dropdown__wrapper\",\n      ref_key: \"wrapper\",\n      ref: wrapper\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n          props: {\n            'aria-expanded': open.value,\n            'aria-controls': `menu_${id}`,\n            id: id,\n            onClick: onClick,\n            onKeydown: onKeydown,\n            disabled: _ctx.disabled,\n          },\n          closed: closed.value,\n          closing: closing.value,\n          disabled: _ctx.disabled,\n          open: open.value,\n          opening: opening.value,\n          placement: _unref(placement),\n        })))\n    ], 512),\n    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      _createElementVNode(\"span\", {\n        class: _normalizeClass([\"bb-dropdown__bubble-container\", {\n          [`bb-dropdown__bubble-container--${_unref(placement)}`]: true,\n          [`bb-dropdown__bubble-container--${_ctx.theme}`]: _ctx.theme,\n          'bb-dropdown__bubble-container--hidden': closed.value,\n          'bb-dropdown__bubble-container--closing': closing.value,\n          'bb-dropdown__bubble-container--opening': opening.value,\n          'bb-dropdown__bubble-container--open': open.value,\n        }]),\n        ref_key: \"content\",\n        ref: content,\n        style: _normalizeStyle({\n          ..._unref(floatingStyles),\n          transitionDuration: `${props.transitionDuration}ms`,\n        }),\n        \"aria-labelledby\": id,\n        \"aria-role\": \"menu\",\n        id: `menu_${id}`\n      }, [\n        _hoisted_2,\n        _createElementVNode(\"span\", {\n          class: \"bb-dropdown__bubble\",\n          style: _normalizeStyle({ width: `${_ctx.width}px` })\n        }, [\n          _renderSlot(_ctx.$slots, \"prepend\", {\n            closed: closed.value,\n            closing: closing.value,\n            disabled: _ctx.disabled,\n            open: open.value,\n            opening: opening.value,\n            placement: _unref(placement)\n          }),\n          _createElementVNode(\"span\", _hoisted_3, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(mappedItems.value, (item, index) => {\n              return (_openBlock(), _createElementBlock(_Fragment, {\n                key: item.key\n              }, [\n                _renderSlot(_ctx.$slots, `item:prepend`, {\n                  closed: closed.value,\n                  closing: closing.value,\n                  disabled: _ctx.disabled || item.disabled,\n                  index: index,\n                  item: _ctx.items[index],\n                  open: open.value,\n                  opening: opening.value,\n                  placement: _unref(placement),\n                  text: item.text\n                }),\n                _createVNode(BaseButton, {\n                  class: _normalizeClass([\"bb-dropdown__item\", {\n                  'bb-dropdown__item--first': index === 0,\n                  'bb-dropdown__item--last': index === _ctx.items.length - 1,\n                }]),\n                  \"aria-role\": 'menuitem',\n                  \"data-dropdown-item\": true,\n                  disabled: item.disabled,\n                  href: item.href,\n                  id: item.id,\n                  to: item.to,\n                  onClick: item.onClick,\n                  onKeydown: item.onKeydown\n                }, {\n                  default: _withCtx(() => [\n                    _renderSlot(_ctx.$slots, item.key, {\n                      closed: closed.value,\n                      closing: closing.value,\n                      disabled: _ctx.disabled || item.disabled,\n                      index: index,\n                      item: item,\n                      open: open.value,\n                      opening: opening.value,\n                      placement: _unref(placement),\n                      text: item.text\n                    }, () => [\n                      _renderSlot(_ctx.$slots, \"item\", {\n                        closed: closed.value,\n                        closing: closing.value,\n                        disabled: _ctx.disabled || item.disabled,\n                        index: index,\n                        item: item,\n                        open: open.value,\n                        opening: opening.value,\n                        placement: _unref(placement),\n                        text: item.text\n                      }, () => [\n                        _createTextVNode(_toDisplayString(item.text), 1)\n                      ])\n                    ])\n                  ]),\n                  _: 2\n                }, 1032, [\"class\", \"disabled\", \"href\", \"id\", \"to\", \"onClick\", \"onKeydown\"]),\n                _renderSlot(_ctx.$slots, `item:append`, {\n                  closed: closed.value,\n                  closing: closing.value,\n                  disabled: _ctx.disabled || item.disabled,\n                  index: index,\n                  item: _ctx.items[index],\n                  open: open.value,\n                  opening: opening.value,\n                  placement: _unref(placement),\n                  text: item.text\n                })\n              ], 64))\n            }), 128))\n          ]),\n          _renderSlot(_ctx.$slots, \"append\", {\n            disabled: _ctx.disabled,\n            placement: _unref(placement),\n            open: open.value,\n            opening: opening.value,\n            closing: closing.value,\n            closed: closed.value\n          })\n        ], 4)\n      ], 14, _hoisted_1)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","props","id","nanoid","mappedItems","computed","firstFocusableIndex","el","lastFocusableIndex","findRightIndex","item","index","itemid","onClick","closeDropdown","nextElement","onKeydown","event","content","option","selectors","selector","indexOfPrevious","i","focusableElements","indexOfButton","wrapper","ref","floatingStyles","placement","useFloating","autoUpdate","flip","shift","opening","open","closing","closed","openDropdown","idToFocus","onClickDocument","target","isOutside","onDocumentFocus","onEsc","_a","button","wait","attributes","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","_Fragment","_renderList","_createVNode","BaseButton","_withCtx","_createTextVNode","_toDisplayString"],"mappings":"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"}