bitboss-ui 0.1.80 → 0.1.82

package/dist/index62.js

@@ -1,73 +1,77 @@
-import { defineComponent as Q, computed as C, ref as _, openBlock as L, createElementBlock as M, mergeProps as B, createElementVNode as $, renderSlot as w, normalizeProps as W, guardReactiveProps as X, unref as c, createBlock as Y, Teleport as Z, normalizeClass as x, normalizeStyle as K, Fragment as O, renderList as ee, createVNode as oe, withCtx as te } from "vue";
-import { findRightIndex as H } from "./index215.js";
-import { useFloating as ne } from "./index216.js";
-import { useId as le } from "./index120.js";
-import { wait as P } from "./index119.js";
-import ae from "./index6.js";
+import { defineComponent as Y, computed as H, ref as v, openBlock as h, createElementBlock as D, mergeProps as S, createElementVNode as L, renderSlot as y, normalizeProps as Z, guardReactiveProps as ee, unref as c, createBlock as te, Teleport as oe, normalizeClass as ne, normalizeStyle as z, Fragment as N, renderList as ae, createVNode as le, withCtx as se, createCommentVNode as ie } from "vue";
+import { findRightIndex as I } from "./index215.js";
+import { useFloating as re, arrow as ue } from "./index216.js";
+import { useId as de } from "./index120.js";
+import { wait as U } from "./index119.js";
+import ce from "./index6.js";
 import "./index7.js";
-import z from "./index203.js";
-import { autoUpdate as se } from "./index197.js";
-import { flip as ie, shift as re } from "./index204.js";
-const ue = ["aria-labelledby", "id"], de = /* @__PURE__ */ $("span", { class: "bb-dropdown__arrow" }, null, -1), ce = { class: "bb-dropdown__items-container" }, Ee = /* @__PURE__ */ Q({
+import V from "./index210.js";
+import { autoUpdate as fe } from "./index206.js";
+import { flip as pe, offset as be, shift as me } from "./index211.js";
+const ve = ["aria-labelledby", "id"], we = { class: "bb-dropdown__items-container" }, Me = /* @__PURE__ */ Y({
   __name: "BbDropdown",
   props: {
+    arrowPadding: { default: 10 },
     block: { type: Boolean },
     disabled: { type: Boolean },
+    eager: { type: Boolean },
     id: {},
+    offset: { default: 3 },
+    padding: { default: 6 },
     placement: { default: "bottom" },
     theme: { default: "default" },
     transitionDuration: { default: 150 },
     items: {},
     width: { default: 200 }
   },
-  setup(U) {
-    const s = U, m = s.id ?? `bb_${le().id.value}`, v = C(() => {
-      let e = s.items.findIndex((o) => !o.disabled), n = H(
-        s.items,
-        (o) => !o.disabled
+  setup(j) {
+    const a = j, b = a.id ?? `bb_${de().id.value}`, w = H(() => {
+      let e = a.items.findIndex((t) => !t.disabled), n = I(
+        a.items,
+        (t) => !t.disabled
       );
-      return s.items.map((o, t) => {
-        const d = `${m}-item-${o.key}`, { onClick: q, ...A } = o, G = async () => {
-          await g();
-          const a = document.querySelector(`#${m}`);
-          if (a)
-            a instanceof HTMLElement && a.focus();
+      return a.items.map((t, o) => {
+        const d = `${b}-item-${t.key}`, { onClick: O, ...P } = t, W = async () => {
+          await _();
+          const s = document.querySelector(`#${b}`);
+          if (s)
+            s instanceof HTMLElement && s.focus();
           else
             return;
-          q && q();
-        }, J = (a) => {
-          if (a.target instanceof HTMLElement && a.target.dataset.dropdownItem) {
+          O && O();
+        }, X = (s) => {
+          if (s.target instanceof HTMLElement && s.target.dataset.dropdownItem) {
             if (!l.value)
               return;
-            if (a.key === "ArrowDown") {
-              if (a.preventDefault(), l.value && t !== n) {
+            if (s.key === "ArrowDown") {
+              if (s.preventDefault(), l.value && o !== n) {
                 const p = l.value.querySelector(
-                  z.map((k) => `#${d} ~ ${k}`).join(",")
+                  V.map((k) => `#${d} ~ ${k}`).join(",")
                 );
                 p && p instanceof HTMLElement && p.focus();
               }
-            } else if (a.key === "ArrowUp") {
-              if (a.preventDefault(), l.value && t !== e) {
-                const p = H(s.items, (h, T) => T < t && !h.disabled), E = Array.from(
+            } else if (s.key === "ArrowUp") {
+              if (s.preventDefault(), l.value && o !== e) {
+                const p = I(a.items, ($, M) => M < o && !$.disabled), E = Array.from(
                   l.value.querySelectorAll(".bb-dropdown__item")
                 )[p];
                 E && E instanceof HTMLElement && E.focus();
               }
-            } else if (a.key === "Tab") {
-              if (t === n && !a.shiftKey) {
-                const p = z.join(","), k = Array.from(
+            } else if (s.key === "Tab") {
+              if (o === n && !s.shiftKey) {
+                const p = V.join(","), k = Array.from(
                   document.querySelectorAll(p)
                 ), E = k.findIndex(
-                  (T) => T.id === m
-                ), h = k[E + 1];
-                if (h)
-                  h instanceof HTMLElement && (a.preventDefault(), g(), h.focus());
+                  (M) => M.id === b
+                ), $ = k[E + 1];
+                if ($)
+                  $ instanceof HTMLElement && (s.preventDefault(), _(), $.focus());
                 else
                   return;
-              } else if (t === e && a.shiftKey) {
-                const p = document.querySelector(`#${m}`);
+              } else if (o === e && s.shiftKey) {
+                const p = document.querySelector(`#${b}`);
                 if (p)
-                  p instanceof HTMLElement && (a.preventDefault(), p.focus());
+                  p instanceof HTMLElement && (s.preventDefault(), p.focus());
                 else
                   return;
               }
@@ -75,86 +79,108 @@ const ue = ["aria-labelledby", "id"], de = /* @__PURE__ */ $("span", { class: "b
           }
         };
         return {
-          ...A,
-          disabled: A.disabled || s.disabled,
+          ...P,
+          disabled: P.disabled || a.disabled,
           id: d,
-          onClick: G,
-          onKeydown: J
+          onClick: W,
+          onKeydown: X
         };
       });
-    }), y = _(), l = _(), { floatingStyles: j, placement: b } = ne(y, l, {
-      placement: s.placement,
-      whileElementsMounted: se,
-      middleware: [ie(), re({ padding: 6 })]
-    }), i = _(!1), r = _(!1), u = _(!1), f = _(!0), N = () => {
-      i.value || u.value || (r.value ? g() : D());
-    }, R = async (e) => {
-      let n = s.items.findIndex((t) => !t.disabled), o = H(
-        s.items,
-        (t) => !t.disabled
+    }), g = v(), l = v(), F = v(), { floatingStyles: R, placement: m, middlewareData: q } = re(
+      g,
+      l,
+      {
+        placement: a.placement,
+        whileElementsMounted: fe,
+        middleware: [
+          pe(),
+          be(a.offset),
+          me({ padding: a.padding }),
+          ue({
+            element: F,
+            padding: a.arrowPadding
+          })
+        ]
+      }
+    ), i = v(!1), r = v(!1), u = v(!1), f = v(!0), x = H(() => {
+      if (q.value.arrow) {
+        const { x: e, y: n } = q.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${n}px`
+          }
+        };
+      }
+    }), G = () => {
+      i.value || u.value || (r.value ? _() : T());
+    }, J = async (e) => {
+      let n = a.items.findIndex((o) => !o.disabled), t = I(
+        a.items,
+        (o) => !o.disabled
       );
       if (e.key === "ArrowDown") {
         if (e.preventDefault(), u.value || i.value)
           return;
-        if (f.value && await D(), l.value && v.value.length && n !== -1) {
-          const t = v.value[n].id, d = l.value.querySelector(`#${t}`);
+        if (f.value && await T(), l.value && w.value.length && n !== -1) {
+          const o = w.value[n].id, d = l.value.querySelector(`#${o}`);
           d && d instanceof HTMLElement && d.focus();
         }
       } else if (e.key === "ArrowUp") {
         if (e.preventDefault(), u.value || i.value)
           return;
-        if (f.value && await D(), l.value && v.value.length && o !== -1) {
-          const t = v.value[o].id, d = l.value.querySelector(`#${t}`);
+        if (f.value && await T(), l.value && w.value.length && t !== -1) {
+          const o = w.value[t].id, d = l.value.querySelector(`#${o}`);
           d && d instanceof HTMLElement && d.focus();
         }
-      } else if (e.key === "Tab" && r.value && !e.shiftKey && (e.preventDefault(), l.value && v.value.length && n !== -1)) {
-        const t = v.value[n].id, d = l.value.querySelector(`#${t}`);
+      } else if (e.key === "Tab" && r.value && !e.shiftKey && (e.preventDefault(), l.value && w.value.length && n !== -1)) {
+        const o = w.value[n].id, d = l.value.querySelector(`#${o}`);
         d && d instanceof HTMLElement && d.focus();
       }
-    }, S = (e) => {
+    }, A = (e) => {
       const n = e.target;
       if (n && n instanceof HTMLElement) {
-        let o = !0;
-        y.value && y.value.contains(n) && (o = !1), l.value && l.value.contains(n) && (o = !1), o && g();
+        let t = !0;
+        g.value && g.value.contains(n) && (t = !1), l.value && l.value.contains(n) && (t = !1), t && _();
       }
-    }, I = (e) => {
+    }, C = (e) => {
       const n = e.target;
       if (n && n instanceof HTMLElement) {
-        let o = !0;
-        y.value && y.value.contains(n) && (o = !1), l.value && l.value.contains(n) && (o = !1), o && g();
+        let t = !0;
+        g.value && g.value.contains(n) && (t = !1), l.value && l.value.contains(n) && (t = !1), t && _();
       }
-    }, F = (e) => {
+    }, B = (e) => {
       var n;
       if (r.value && e.key === "Escape") {
-        if (((n = document.activeElement) == null ? void 0 : n.id) !== m) {
-          const o = document.querySelector(`#${m}`);
-          o instanceof HTMLElement && o.focus();
+        if (((n = document.activeElement) == null ? void 0 : n.id) !== b) {
+          const t = document.querySelector(`#${b}`);
+          t instanceof HTMLElement && t.focus();
         }
-        g();
+        _();
       }
-    }, D = async () => {
-      f.value = !1, u.value = !1, i.value = !0, await P(50), r.value = !0, i.value = !1, document.addEventListener("click", S, { passive: !0 }), document.addEventListener("focusin", I, { passive: !0 }), document.addEventListener("keydown", F, { passive: !0 });
-    }, g = async () => {
-      r.value = !1, i.value = !1, u.value = !0, await P(s.transitionDuration), u.value = !1, f.value = !0, document.removeEventListener("click", S), document.removeEventListener("focusin", I), document.removeEventListener("keydown", F);
-    }, V = C(() => ({
+    }, K = v(!1), T = async () => {
+      K.value = !0, f.value = !1, u.value = !1, i.value = !0, await U(50), r.value = !0, i.value = !1, document.addEventListener("click", A, { passive: !0 }), document.addEventListener("focusin", C, { passive: !0 }), document.addEventListener("keydown", B, { passive: !0 });
+    }, _ = async () => {
+      r.value = !1, i.value = !1, u.value = !0, await U(a.transitionDuration), u.value = !1, f.value = !0, document.removeEventListener("click", A), document.removeEventListener("focusin", C), document.removeEventListener("keydown", B);
+    }, Q = H(() => ({
       class: {
-        "bb-dropdown--block": s.block,
-        [`bb-dropdown--theme-${s.theme}`]: s.theme
+        "bb-dropdown--block": a.block,
+        [`bb-dropdown--theme-${a.theme}`]: a.theme
       }
     }));
-    return (e, n) => (L(), M("span", B({ class: "bb-dropdown" }, V.value), [
-      $("span", {
+    return (e, n) => (h(), D("span", S({ class: "bb-dropdown" }, Q.value), [
+      L("span", {
         class: "bb-dropdown__wrapper",
         ref_key: "wrapper",
-        ref: y
+        ref: g
       }, [
-        w(e.$slots, "activator", W(X({
+        y(e.$slots, "activator", Z(ee({
           props: {
             "aria-expanded": r.value,
-            "aria-controls": `menu_${c(m)}`,
-            id: c(m),
-            onClick: N,
-            onKeydown: R,
+            "aria-controls": `menu_${c(b)}`,
+            id: c(b),
+            onClick: G,
+            onKeydown: J,
             disabled: e.disabled
           },
           closed: f.value,
@@ -162,13 +188,14 @@ const ue = ["aria-labelledby", "id"], de = /* @__PURE__ */ $("span", { class: "b
           disabled: e.disabled,
           open: r.value,
           opening: i.value,
-          placement: c(b)
+          placement: c(m)
         })))
       ], 512),
-      (L(), Y(Z, { to: "body" }, [
-        $("span", {
-          class: x(["bb-dropdown__bubble-container", {
-            [`bb-dropdown__bubble-container--${c(b)}`]: !0,
+      (h(), te(oe, { to: "body" }, [
+        K.value || e.eager ? (h(), D("span", {
+          key: 0,
+          class: ne(["bb-dropdown__bubble-container", {
+            [`bb-dropdown__bubble-container--${c(m)}`]: !0,
             [`bb-dropdown__bubble-container--${e.theme}`]: e.theme,
             "bb-dropdown__bubble-container--hidden": f.value,
             "bb-dropdown__bubble-container--closing": u.value,
@@ -177,105 +204,109 @@ const ue = ["aria-labelledby", "id"], de = /* @__PURE__ */ $("span", { class: "b
           }]),
           ref_key: "content",
           ref: l,
-          style: K({
-            ...c(j),
-            transitionDuration: `${s.transitionDuration}ms`
+          style: z({
+            ...c(R),
+            transitionDuration: `${a.transitionDuration}ms`
           }),
-          "aria-labelledby": c(m),
+          "aria-labelledby": c(b),
           "aria-role": "menu",
-          id: `menu_${c(m)}`
+          id: `menu_${c(b)}`
         }, [
-          de,
-          $("span", {
+          L("span", S({
+            class: "bb-dropdown__arrow",
+            ref_key: "bubblearrow",
+            ref: F
+          }, x.value), null, 16),
+          L("span", {
             class: "bb-dropdown__bubble",
-            style: K({ width: `${e.width}px` })
+            style: z({ width: `${e.width}px` })
           }, [
-            w(e.$slots, "prepend", {
+            y(e.$slots, "prepend", {
               closed: f.value,
               closing: u.value,
               disabled: e.disabled,
               open: r.value,
               opening: i.value,
-              placement: c(b)
+              placement: c(m)
             }),
-            $("span", ce, [
-              (L(!0), M(O, null, ee(v.value, (o, t) => (L(), M(O, {
-                key: o.key
+            L("span", we, [
+              (h(!0), D(N, null, ae(w.value, (t, o) => (h(), D(N, {
+                key: t.key
               }, [
-                w(e.$slots, "item:prepend", {
+                y(e.$slots, "item:prepend", {
                   closed: f.value,
                   closing: u.value,
-                  disabled: o.disabled,
-                  index: t,
-                  item: e.items[t],
+                  disabled: t.disabled,
+                  index: o,
+                  item: e.items[o],
                   open: r.value,
                   opening: i.value,
-                  placement: c(b),
-                  text: o.text
+                  placement: c(m),
+                  text: t.text
                 }),
-                oe(ae, B({
+                le(ce, S({
                   class: ["bb-dropdown__item", {
-                    "bb-dropdown__item--first": t === 0,
-                    "bb-dropdown__item--last": t === e.items.length - 1
+                    "bb-dropdown__item--first": o === 0,
+                    "bb-dropdown__item--last": o === e.items.length - 1
                   }],
                   "aria-role": "menuitem",
                   "data-dropdown-item": !0
-                }, o), {
-                  default: te(() => [
-                    w(e.$slots, o.key, {
+                }, t), {
+                  default: se(() => [
+                    y(e.$slots, t.key, {
                       closed: f.value,
                       closing: u.value,
-                      disabled: o.disabled,
-                      index: t,
-                      item: o,
+                      disabled: t.disabled,
+                      index: o,
+                      item: t,
                       open: r.value,
                       opening: i.value,
-                      placement: c(b),
-                      text: o.text
+                      placement: c(m),
+                      text: t.text
                     }, () => [
-                      w(e.$slots, "item", {
+                      y(e.$slots, "item", {
                         closed: f.value,
                         closing: u.value,
-                        disabled: o.disabled,
-                        index: t,
-                        item: o,
+                        disabled: t.disabled,
+                        index: o,
+                        item: t,
                         open: r.value,
                         opening: i.value,
-                        placement: c(b),
-                        text: o.text
+                        placement: c(m),
+                        text: t.text
                       })
                     ])
                   ]),
                   _: 2
                 }, 1040, ["class"]),
-                w(e.$slots, "item:append", {
+                y(e.$slots, "item:append", {
                   closed: f.value,
                   closing: u.value,
-                  disabled: o.disabled,
-                  index: t,
-                  item: e.items[t],
+                  disabled: t.disabled,
+                  index: o,
+                  item: e.items[o],
                   open: r.value,
                   opening: i.value,
-                  placement: c(b),
-                  text: o.text
+                  placement: c(m),
+                  text: t.text
                 })
               ], 64))), 128))
             ]),
-            w(e.$slots, "append", {
+            y(e.$slots, "append", {
               disabled: e.disabled,
-              placement: c(b),
+              placement: c(m),
               open: r.value,
               opening: i.value,
               closing: u.value,
               closed: f.value
             })
           ], 4)
-        ], 14, ue)
+        ], 14, ve)) : ie("", !0)
       ]))
     ], 16));
   }
 });
 export {
-  Ee as default
+  Me as default
 };
 //# sourceMappingURL=index62.js.map

package/dist/index62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index62.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, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, normalizeStyle as _normalizeStyle, normalizeClass as _normalizeClass, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"aria-labelledby\", \"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 { useFloating, autoUpdate, flip, shift } from \"@floating-ui/vue\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport selectors from \"focusable-selectors\";\nimport type { BaseButtonProps } from \"../BaseButton/BaseButton.vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbDropdownProps = Pick<\n  CommonProps,\n  \"block\" | \"disabled\" | \"id\" | \"placement\" | \"theme\" | \"transitionDuration\"\n> & {\n  /**\n   * Array used to render each dropdown button.\n   * They can act as `button`, as `a`, or as `router-link`\n   * as they are based on the functionality provided by\n   * `BaseButton`\n   */\n  items: Item[];\n  /**\n   * Width of the dropdown in pixels.\n   */\n  width?: number;\n};\n\nexport type Item = Omit<BaseButtonProps, \"block\" | \"tag\" | \"type\"> & {\n  /**\n   * Click handler of the item.\n   */\n  onClick?: (...args: any[]) => any;\n  /**\n   * Key used to identify the element.\n   */\n  key: string;\n};\n\nexport type MappedItem = Item & {\n  /**\n   * Identifier of the element among it's siblings.\n   */\n  id: string;\n  /**\n   * Keydown event used to handle accessibility.\n   */\n  onKeydown: (event: KeyboardEvent) => void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDropdown',\n  props: {\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    id: {},\n    placement: { default: \"bottom\" },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 },\n    items: {},\n    width: { default: 200 }\n  },\n  setup(__props: any) {\n\n\n\nconst props = __props;\n\nconst id = props.id ?? `bb_${useId().id.value}`;\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    const { onClick: handler, ...rest } = item;\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 (handler) 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      ...rest,\n      disabled: rest.disabled || props.disabled,\n      id: itemid,\n      onClick,\n      onKeydown,\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_${_unref(id)}`,\n            id: _unref(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\": _unref(id),\n        \"aria-role\": \"menu\",\n        id: `menu_${_unref(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: 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, _mergeProps({\n                  class: [\"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                }, item), {\n                  default: _withCtx(() => [\n                    _renderSlot(_ctx.$slots, item.key, {\n                      closed: closed.value,\n                      closing: closing.value,\n                      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: 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                    ])\n                  ]),\n                  _: 2\n                }, 1040, [\"class\"]),\n                _renderSlot(_ctx.$slots, `item:append`, {\n                  closed: closed.value,\n                  closing: closing.value,\n                  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","useId","mappedItems","computed","firstFocusableIndex","el","lastFocusableIndex","findRightIndex","item","index","itemid","handler","rest","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"],"mappings":"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"}
+{"version":3,"file":"index62.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, mergeProps as _mergeProps, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createVNode as _createVNode, normalizeStyle as _normalizeStyle, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"aria-labelledby\", \"id\"]\nconst _hoisted_2 = { class: \"bb-dropdown__items-container\" }\n\nimport { computed, ref } from \"vue\";\nimport { findRightIndex } from \"@/utilities/functions/findRightIndex\";\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  arrow,\n  offset,\n} from \"@floating-ui/vue\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport selectors from \"focusable-selectors\";\nimport type { BaseButtonProps } from \"../BaseButton/BaseButton.vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbDropdownProps = Pick<\n  CommonProps,\n  | \"arrowPadding\"\n  | \"block\"\n  | \"disabled\"\n  | \"eager\"\n  | \"id\"\n  | \"offset\"\n  | \"padding\"\n  | \"placement\"\n  | \"theme\"\n  | \"transitionDuration\"\n> & {\n  /**\n   * Array used to render each dropdown button.\n   * They can act as `button`, as `a`, or as `router-link`\n   * as they are based on the functionality provided by\n   * `BaseButton`\n   */\n  items: Item[];\n  /**\n   * Width of the dropdown in pixels.\n   */\n  width?: number;\n};\n\nexport type Item = Omit<BaseButtonProps, \"block\" | \"tag\" | \"type\"> & {\n  /**\n   * Click handler of the item.\n   */\n  onClick?: (...args: any[]) => any;\n  /**\n   * Key used to identify the element.\n   */\n  key: string;\n};\n\nexport type MappedItem = Item & {\n  /**\n   * Identifier of the element among it's siblings.\n   */\n  id: string;\n  /**\n   * Keydown event used to handle accessibility.\n   */\n  onKeydown: (event: KeyboardEvent) => void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDropdown',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    id: {},\n    offset: { default: 3 },\n    padding: { default: 6 },\n    placement: { default: \"bottom\" },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 },\n    items: {},\n    width: { default: 200 }\n  },\n  setup(__props: any) {\n\n\n\nconst props = __props;\n\nconst id = props.id ?? `bb_${useId().id.value}`;\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    const { onClick: handler, ...rest } = item;\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 (handler) 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      ...rest,\n      disabled: rest.disabled || props.disabled,\n      id: itemid,\n      onClick,\n      onKeydown,\n    };\n  });\n});\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst bubblearrow = ref<HTMLElement>();\n\nconst { floatingStyles, placement, middlewareData } = useFloating(\n  wrapper,\n  content,\n  {\n    placement: props.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      flip(),\n      offset(props.offset),\n      shift({ padding: props.padding }),\n      arrow({\n        element: bubblearrow,\n        padding: props.arrowPadding,\n      }),\n    ],\n  }\n);\n\nconst opening = ref(false);\nconst open = ref(false);\nconst closing = ref(false);\nconst closed = ref(true);\n\nconst arrowAttributes = computed(() => {\n  if (middlewareData.value.arrow) {\n    const { x, y } = middlewareData.value.arrow;\n    return {\n      style: {\n        left: `${x}px`,\n        top: `${y}px`,\n      },\n    };\n  }\n});\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};\nconst hasOpenedOnce = ref(false);\nconst openDropdown = async () => {\n  hasOpenedOnce.value = true;\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_${_unref(id)}`,\n            id: _unref(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      (hasOpenedOnce.value || _ctx.eager)\n        ? (_openBlock(), _createElementBlock(\"span\", {\n            key: 0,\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\": _unref(id),\n            \"aria-role\": \"menu\",\n            id: `menu_${_unref(id)}`\n          }, [\n            _createElementVNode(\"span\", _mergeProps({\n              class: \"bb-dropdown__arrow\",\n              ref_key: \"bubblearrow\",\n              ref: bubblearrow\n            }, arrowAttributes.value), null, 16),\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_2, [\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: 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, _mergeProps({\n                      class: [\"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                    }, item), {\n                      default: _withCtx(() => [\n                        _renderSlot(_ctx.$slots, item.key, {\n                          closed: closed.value,\n                          closing: closing.value,\n                          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: 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                        ])\n                      ]),\n                      _: 2\n                    }, 1040, [\"class\"]),\n                    _renderSlot(_ctx.$slots, `item:append`, {\n                      closed: closed.value,\n                      closing: closing.value,\n                      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        : _createCommentVNode(\"\", true)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","id","useId","mappedItems","computed","firstFocusableIndex","el","lastFocusableIndex","findRightIndex","item","index","itemid","handler","rest","onClick","closeDropdown","nextElement","onKeydown","event","content","option","selectors","selector","indexOfPrevious","i","focusableElements","indexOfButton","wrapper","ref","bubblearrow","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","offset","shift","arrow","opening","open","closing","closed","arrowAttributes","x","y","openDropdown","idToFocus","onClickDocument","target","isOutside","onDocumentFocus","onEsc","_a","button","hasOpenedOnce","wait","attributes","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","_Fragment","_renderList","_createVNode","BaseButton","_withCtx","_createCommentVNode"],"mappings":";;;;;;;;;;AAGA,MAAMA,KAAa,CAAC,mBAAmB,IAAI,GACrCC,KAAa,EAAE,OAAO,kCAoEAC,KAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,IAAI,CAAC;AAAA,IACL,QAAQ,EAAE,SAAS,EAAE;AAAA,IACrB,SAAS,EAAE,SAAS,EAAE;AAAA,IACtB,WAAW,EAAE,SAAS,SAAS;AAAA,IAC/B,OAAO,EAAE,SAAS,UAAU;AAAA,IAC5B,oBAAoB,EAAE,SAAS,IAAI;AAAA,IACnC,OAAO,CAAC;AAAA,IACR,OAAO,EAAE,SAAS,IAAI;AAAA,EACxB;AAAA,EACA,MAAMC,GAAc;AAItB,UAAMC,IAAQD,GAERE,IAAKD,EAAM,MAAM,MAAME,KAAQ,GAAG,KAAK,IAEvCC,IAAcC,EAAuB,MAAM;AAC3C,UAAAC,IAA8BL,EAAM,MAAM,UAAU,CAACM,MAAO,CAACA,EAAG,QAAQ,GACxEC,IAA6BC;AAAA,QAC/BR,EAAM;AAAA,QACN,CAACS,MAAS,CAACA,EAAK;AAAA,MAAA;AAGlB,aAAOT,EAAM,MAAM,IAAI,CAACS,GAAMC,MAAU;AACtC,cAAMC,IAAS,GAAGV,CAAE,SAASQ,EAAK,GAAG,IAC/B,EAAE,SAASG,GAAS,GAAGC,MAASJ,GAKhCK,IAAU,YAAY;AAC1B,gBAAMC,EAAc;AACpB,gBAAMC,IAAc,SAAS,cAAc,IAAIf,CAAE,EAAE;AACnD,cAAKe;AAAa,YACTA,aAAuB,eAC9BA,EAAY,MAAM;AAAA;AAFF;AAId,UAAAJ,KAAiBA;QAAA,GAWjBK,IAAY,CAACC,MAAyB;AAC1C,cACEA,EAAM,kBAAkB,eACxBA,EAAM,OAAO,QAAQ,cACrB;AACA,gBAAI,CAACC,EAAQ;AAAO;AAChB,gBAAAD,EAAM,QAAQ;AAEZ,kBADJA,EAAM,eAAe,GACjBC,EAAQ,SAAST,MAAUH,GAAoB;AAC3C,sBAAAa,IAASD,EAAQ,MAAM;AAAA,kBAC3BE,EAAU,IAAI,CAACC,MAAa,IAAIX,CAAM,MAAMW,CAAQ,EAAE,EAAE,KAAK,GAAG;AAAA,gBAAA;AAE9D,gBAAAF,KAAUA,aAAkB,eAC9BA,EAAO,MAAM;AAAA,cAEjB;AAAA,uBACSF,EAAM,QAAQ;AAEnB,kBADJA,EAAM,eAAe,GACjBC,EAAQ,SAAST,MAAUL,GAAqB;AAClD,sBAAMkB,IAAkBf,EAAeR,EAAM,OAAO,CAACS,GAAMe,MAClDA,IAAId,KAAS,CAACD,EAAK,QAC3B,GAMKW,IAJU,MAAM;AAAA,kBACpBD,EAAQ,MAAM,iBAAiB,oBAAoB;AAAA,gBAAA,EAG9BI,CAAe;AAElC,gBAAAH,KAAUA,aAAkB,eAC9BA,EAAO,MAAM;AAAA,cAEjB;AAAA,uBACSF,EAAM,QAAQ;AACvB,kBAAIR,MAAUH,KAAsB,CAACW,EAAM,UAAU;AAC7C,sBAAAI,IAAWD,EAAU,KAAK,GAAG,GAC7BI,IAAoB,MAAM;AAAA,kBAC9B,SAAS,iBAAiBH,CAAQ;AAAA,gBAAA,GAE9BI,IAAgBD,EAAkB;AAAA,kBACtC,CAACnB,MAAOA,EAAG,OAAOL;AAAA,gBAAA,GAEde,IAAcS,EAAkBC,IAAgB,CAAC;AACvD,oBAAKV;AAAa,kBACTA,aAAuB,gBAC9BE,EAAM,eAAe,GACPH,KACdC,EAAY,MAAM;AAAA;AAJF;AAAA,cAMT,WAAAN,MAAUL,KAAuBa,EAAM,UAAU;AAC1D,sBAAMF,IAAc,SAAS,cAAc,IAAIf,CAAE,EAAE;AACnD,oBAAKe;AAAa,kBACTA,aAAuB,gBAC9BE,EAAM,eAAe,GACrBF,EAAY,MAAM;AAAA;AAHF;AAAA,cAKpB;AAAA;AAAA,UAEJ;AAAA,QAAA;AAGK,eAAA;AAAA,UACL,GAAGH;AAAA,UACH,UAAUA,EAAK,YAAYb,EAAM;AAAA,UACjC,IAAIW;AAAA,UACJ,SAAAG;AAAAA,UACA,WAAAG;AAAAA,QAAA;AAAA,MACF,CACD;AAAA,IAAA,CACF,GAEKU,IAAUC,KACVT,IAAUS,KACVC,IAAcD,KAEd,EAAE,gBAAAE,GAAgB,WAAAC,GAAW,gBAAAC,EAAmB,IAAAC;AAAA,MACpDN;AAAA,MACAR;AAAA,MACA;AAAA,QACE,WAAWnB,EAAM;AAAA,QACjB,sBAAsBkC;AAAA,QACtB,YAAY;AAAA,UACVC,GAAK;AAAA,UACLC,GAAOpC,EAAM,MAAM;AAAA,UACnBqC,GAAM,EAAE,SAASrC,EAAM,SAAS;AAAA,UAChCsC,GAAM;AAAA,YACJ,SAAST;AAAA,YACT,SAAS7B,EAAM;AAAA,UAAA,CAChB;AAAA,QACH;AAAA,MACF;AAAA,IAAA,GAGIuC,IAAUX,EAAI,EAAK,GACnBY,IAAOZ,EAAI,EAAK,GAChBa,IAAUb,EAAI,EAAK,GACnBc,IAASd,EAAI,EAAI,GAEjBe,IAAkBvC,EAAS,MAAM;AACjC,UAAA4B,EAAe,MAAM,OAAO;AAC9B,cAAM,EAAE,GAAAY,GAAG,GAAAC,EAAE,IAAIb,EAAe,MAAM;AAC/B,eAAA;AAAA,UACL,OAAO;AAAA,YACL,MAAM,GAAGY,CAAC;AAAA,YACV,KAAK,GAAGC,CAAC;AAAA,UACX;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,CACD,GAGK/B,IAAU,MAAM;AAChB,MAAAyB,EAAQ,SAASE,EAAQ,UACzBD,EAAK,QACOzB,MAED+B;IACf,GAGI7B,IAAY,OAAOC,MAAyB;AAC5C,UAAAb,IAA8BL,EAAM,MAAM,UAAU,CAACM,MAAO,CAACA,EAAG,QAAQ,GACxEC,IAA6BC;AAAA,QAC/BR,EAAM;AAAA,QACN,CAACS,MAAS,CAACA,EAAK;AAAA,MAAA;AAEd,UAAAS,EAAM,QAAQ,aAAa;AAEzB,YADJA,EAAM,eAAe,GACjBuB,EAAQ,SAASF,EAAQ;AAAO;AAIpC,YAHIG,EAAO,SACT,MAAMI,EAAa,GAGnB3B,EAAQ,SACRhB,EAAY,MAAM,UAClBE,MAAwB,IACxB;AACA,gBAAM0C,IAAY5C,EAAY,MAAME,CAAmB,EAAE,IACnDe,IAASD,EAAQ,MAAM,cAAc,IAAI4B,CAAS,EAAE;AACtD,UAAA3B,KAAUA,aAAkB,eAC9BA,EAAO,MAAM;AAAA,QAEjB;AAAA,MAAA,WACSF,EAAM,QAAQ,WAAW;AAE9B,YADJA,EAAM,eAAe,GACjBuB,EAAQ,SAASF,EAAQ;AAAO;AAIpC,YAHIG,EAAO,SACT,MAAMI,EAAa,GAGnB3B,EAAQ,SACRhB,EAAY,MAAM,UAClBI,MAAuB,IACvB;AACA,gBAAMwC,IAAY5C,EAAY,MAAMI,CAAkB,EAAE,IAClDa,IAASD,EAAQ,MAAM,cAAc,IAAI4B,CAAS,EAAE;AACtD,UAAA3B,KAAUA,aAAkB,eAC9BA,EAAO,MAAM;AAAA,QAEjB;AAAA,MAAA,WACSF,EAAM,QAAQ,SACnBsB,EAAK,SAAS,CAACtB,EAAM,aACvBA,EAAM,eAAe,GAEnBC,EAAQ,SACRhB,EAAY,MAAM,UAClBE,MAAwB,KACxB;AACA,cAAM0C,IAAY5C,EAAY,MAAME,CAAmB,EAAE,IACnDe,IAASD,EAAQ,MAAM,cAAc,IAAI4B,CAAS,EAAE;AACtD,QAAA3B,KAAUA,aAAkB,eAC9BA,EAAO,MAAM;AAAA,MAEjB;AAAA,IAEJ,GAGI4B,IAAkB,CAAC9B,MAAiB;AACxC,YAAM+B,IAAS/B,EAAM;AACrB,UAAK+B,KACDA,aAAkB,aAAa;AACjC,YAAIC,IAAY;AAEhB,QAAIvB,EAAQ,SACNA,EAAQ,MAAM,SAASsB,CAAM,MACnBC,IAAA,KAGZ/B,EAAQ,SACNA,EAAQ,MAAM,SAAS8B,CAAM,MACnBC,IAAA,KAIZA,KACYnC;MAElB;AAAA,IAAA,GAGIoC,IAAkB,CAACjC,MAAsB;AAC7C,YAAM+B,IAAS/B,EAAM;AACrB,UAAK+B,KACDA,aAAkB,aAAa;AACjC,YAAIC,IAAY;AAEhB,QAAIvB,EAAQ,SACNA,EAAQ,MAAM,SAASsB,CAAM,MACnBC,IAAA,KAGZ/B,EAAQ,SACNA,EAAQ,MAAM,SAAS8B,CAAM,MACnBC,IAAA,KAIZA,KACYnC;MAElB;AAAA,IAAA,GAGIqC,IAAQ,CAAClC,MAAyB;;AACtC,UAAIsB,EAAK,SACHtB,EAAM,QAAQ,UAAU;AACtB,cAAAmC,IAAA,SAAS,kBAAT,gBAAAA,EAAwB,QAAOpD,GAAI;AACrC,gBAAMqD,IAAS,SAAS,cAAc,IAAIrD,CAAE,EAAE;AAC9C,UAAIqD,aAAkB,eACpBA,EAAO,MAAM;AAAA,QAEjB;AACc,QAAAvC;MAChB;AAAA,IACF,GAEIwC,IAAgB3B,EAAI,EAAK,GACzBkB,IAAe,YAAY;AAC/B,MAAAS,EAAc,QAAQ,IACtBb,EAAO,QAAQ,IACfD,EAAQ,QAAQ,IAChBF,EAAQ,QAAQ,IAChB,MAAMiB,EAAK,EAAE,GACbhB,EAAK,QAAQ,IACbD,EAAQ,QAAQ,IAEhB,SAAS,iBAAiB,SAASS,GAAiB,EAAE,SAAS,IAAM,GACrE,SAAS,iBAAiB,WAAWG,GAAiB,EAAE,SAAS,IAAM,GACvE,SAAS,iBAAiB,WAAWC,GAAO,EAAE,SAAS,IAAM;AAAA,IAAA,GAGzDrC,IAAgB,YAAY;AAChC,MAAAyB,EAAK,QAAQ,IACbD,EAAQ,QAAQ,IAChBE,EAAQ,QAAQ,IACV,MAAAe,EAAKxD,EAAM,kBAAkB,GACnCyC,EAAQ,QAAQ,IAChBC,EAAO,QAAQ,IACN,SAAA,oBAAoB,SAASM,CAAe,GAC5C,SAAA,oBAAoB,WAAWG,CAAe,GAC9C,SAAA,oBAAoB,WAAWC,CAAK;AAAA,IAAA,GAGzCK,IAAarD,EAAS,OAKnB;AAAA,MACL,OALc;AAAA,QACd,sBAAsBJ,EAAM;AAAA,QAC5B,CAAC,sBAAsBA,EAAM,KAAK,EAAE,GAAGA,EAAM;AAAA,MAAA;AAAA,IAGtC,EAEV;AAEM,WAAA,CAAC0D,GAAUC,OACRC,EAAc,GAAAC,EAAoB,QAAQC,EAAY,EAAE,OAAO,cAAc,GAAGL,EAAW,KAAK,GAAG;AAAA,MACzGM,EAAoB,QAAQ;AAAA,QAC1B,OAAO;AAAA,QACP,SAAS;AAAA,QACT,KAAKpC;AAAA,MAAA,GACJ;AAAA,QACDqC,EAAYN,EAAK,QAAQ,aAAaO,EAAgBC,GAAoB;AAAA,UACtE,OAAO;AAAA,YACL,iBAAiB1B,EAAK;AAAA,YACtB,iBAAiB,QAAQ2B,EAAOlE,CAAE,CAAC;AAAA,YACnC,IAAIkE,EAAOlE,CAAE;AAAA,YACb,SAAAa;AAAA,YACA,WAAAG;AAAA,YACA,UAAUyC,EAAK;AAAA,UACjB;AAAA,UACA,QAAQhB,EAAO;AAAA,UACf,SAASD,EAAQ;AAAA,UACjB,UAAUiB,EAAK;AAAA,UACf,MAAMlB,EAAK;AAAA,UACX,SAASD,EAAQ;AAAA,UACjB,WAAW4B,EAAOpC,CAAS;AAAA,QAC5B,CAAA,CAAC,CAAC;AAAA,SACJ,GAAG;AAAA,OACL6B,KAAcQ,GAAaC,IAAW,EAAE,IAAI,UAAU;AAAA,QACpDd,EAAc,SAASG,EAAK,SACxBE,EAAW,GAAGC,EAAoB,QAAQ;AAAA,UACzC,KAAK;AAAA,UACL,OAAOS,GAAgB,CAAC,iCAAiC;AAAA,YAC3D,CAAC,kCAAkCH,EAAOpC,CAAS,CAAC,EAAE,GAAG;AAAA,YACzD,CAAC,kCAAkC2B,EAAK,KAAK,EAAE,GAAGA,EAAK;AAAA,YACvD,yCAAyChB,EAAO;AAAA,YAChD,0CAA0CD,EAAQ;AAAA,YAClD,0CAA0CF,EAAQ;AAAA,YAClD,uCAAuCC,EAAK;AAAA,UAAA,CAC7C,CAAC;AAAA,UACE,SAAS;AAAA,UACT,KAAKrB;AAAA,UACL,OAAOoD,EAAgB;AAAA,YACzB,GAAGJ,EAAOrC,CAAc;AAAA,YACxB,oBAAoB,GAAG9B,EAAM,kBAAkB;AAAA,UAAA,CAChD;AAAA,UACG,mBAAmBmE,EAAOlE,CAAE;AAAA,UAC5B,aAAa;AAAA,UACb,IAAI,QAAQkE,EAAOlE,CAAE,CAAC;AAAA,QAAA,GACrB;AAAA,UACD8D,EAAoB,QAAQD,EAAY;AAAA,YACtC,OAAO;AAAA,YACP,SAAS;AAAA,YACT,KAAKjC;AAAA,UACJ,GAAAc,EAAgB,KAAK,GAAG,MAAM,EAAE;AAAA,UACnCoB,EAAoB,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,OAAOQ,EAAgB,EAAE,OAAO,GAAGb,EAAK,KAAK,MAAM;AAAA,UAAA,GAClD;AAAA,YACDM,EAAYN,EAAK,QAAQ,WAAW;AAAA,cAClC,QAAQhB,EAAO;AAAA,cACf,SAASD,EAAQ;AAAA,cACjB,UAAUiB,EAAK;AAAA,cACf,MAAMlB,EAAK;AAAA,cACX,SAASD,EAAQ;AAAA,cACjB,WAAW4B,EAAOpC,CAAS;AAAA,YAAA,CAC5B;AAAA,YACDgC,EAAoB,QAAQnE,IAAY;AAAA,eACrCgE,EAAW,EAAI,GAAGC,EAAoBW,GAAW,MAAMC,GAAYtE,EAAY,OAAO,CAACM,GAAMC,OACpFkD,EAAA,GAAcC,EAAoBW,GAAW;AAAA,gBACnD,KAAK/D,EAAK;AAAA,cAAA,GACT;AAAA,gBACDuD,EAAYN,EAAK,QAAQ,gBAAgB;AAAA,kBACvC,QAAQhB,EAAO;AAAA,kBACf,SAASD,EAAQ;AAAA,kBACjB,UAAUhC,EAAK;AAAA,kBACf,OAAAC;AAAA,kBACA,MAAMgD,EAAK,MAAMhD,CAAK;AAAA,kBACtB,MAAM8B,EAAK;AAAA,kBACX,SAASD,EAAQ;AAAA,kBACjB,WAAW4B,EAAOpC,CAAS;AAAA,kBAC3B,MAAMtB,EAAK;AAAA,gBAAA,CACZ;AAAA,gBACDiE,GAAaC,IAAYb,EAAY;AAAA,kBACnC,OAAO,CAAC,qBAAqB;AAAA,oBACjC,4BAA4BpD,MAAU;AAAA,oBACtC,2BAA2BA,MAAUgD,EAAK,MAAM,SAAS;AAAA,kBAAA,CAC1D;AAAA,kBACK,aAAa;AAAA,kBACb,sBAAsB;AAAA,gBACxB,GAAGjD,CAAI,GAAG;AAAA,kBACR,SAASmE,GAAS,MAAM;AAAA,oBACtBZ,EAAYN,EAAK,QAAQjD,EAAK,KAAK;AAAA,sBACjC,QAAQiC,EAAO;AAAA,sBACf,SAASD,EAAQ;AAAA,sBACjB,UAAUhC,EAAK;AAAA,sBACf,OAAAC;AAAA,sBACA,MAAAD;AAAA,sBACA,MAAM+B,EAAK;AAAA,sBACX,SAASD,EAAQ;AAAA,sBACjB,WAAW4B,EAAOpC,CAAS;AAAA,sBAC3B,MAAMtB,EAAK;AAAA,oBAAA,GACV,MAAM;AAAA,sBACPuD,EAAYN,EAAK,QAAQ,QAAQ;AAAA,wBAC/B,QAAQhB,EAAO;AAAA,wBACf,SAASD,EAAQ;AAAA,wBACjB,UAAUhC,EAAK;AAAA,wBACf,OAAAC;AAAA,wBACA,MAAAD;AAAA,wBACA,MAAM+B,EAAK;AAAA,wBACX,SAASD,EAAQ;AAAA,wBACjB,WAAW4B,EAAOpC,CAAS;AAAA,wBAC3B,MAAMtB,EAAK;AAAA,sBAAA,CACZ;AAAA,oBAAA,CACF;AAAA,kBAAA,CACF;AAAA,kBACD,GAAG;AAAA,gBAAA,GACF,MAAM,CAAC,OAAO,CAAC;AAAA,gBAClBuD,EAAYN,EAAK,QAAQ,eAAe;AAAA,kBACtC,QAAQhB,EAAO;AAAA,kBACf,SAASD,EAAQ;AAAA,kBACjB,UAAUhC,EAAK;AAAA,kBACf,OAAAC;AAAA,kBACA,MAAMgD,EAAK,MAAMhD,CAAK;AAAA,kBACtB,MAAM8B,EAAK;AAAA,kBACX,SAASD,EAAQ;AAAA,kBACjB,WAAW4B,EAAOpC,CAAS;AAAA,kBAC3B,MAAMtB,EAAK;AAAA,gBAAA,CACZ;AAAA,iBACA,EAAE,EACN,GAAG,GAAG;AAAA,YAAA,CACR;AAAA,YACDuD,EAAYN,EAAK,QAAQ,UAAU;AAAA,cACjC,UAAUA,EAAK;AAAA,cACf,WAAWS,EAAOpC,CAAS;AAAA,cAC3B,MAAMS,EAAK;AAAA,cACX,SAASD,EAAQ;AAAA,cACjB,SAASE,EAAQ;AAAA,cACjB,QAAQC,EAAO;AAAA,YAAA,CAChB;AAAA,aACA,CAAC;AAAA,WACH,IAAI/C,EAAU,KACjBkF,GAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,OACA,EAAE;AAAA,EAEP;AAEA,CAAC;"}