bitboss-ui 0.2.20 → 0.2.22

package/dist/index79.js

@@ -1,18 +1,21 @@
-import { defineComponent as V, ref as a, computed as w, openBlock as f, createElementBlock as C, mergeProps as T, createElementVNode as l, renderSlot as B, normalizeProps as I, guardReactiveProps as R, unref as _, createBlock as P, Teleport as U, normalizeClass as W, normalizeStyle as j, withCtx as G, createCommentVNode as D, nextTick as J } from "vue";
+import { defineComponent as V, ref as a, computed as _, openBlock as p, createElementBlock as h, mergeProps as B, createElementVNode as d, renderSlot as P, normalizeProps as I, guardReactiveProps as R, unref as g, createBlock as D, Teleport as U, normalizeClass as W, normalizeStyle as j, createCommentVNode as y, withCtx as G, nextTick as J } from "vue";
 import { useFloating as K, arrow as Q } from "./index223.js";
-import { useFocusTrap as X } from "./index213.js";
+import { useFocusTrap as X } from "./index208.js";
 import { useId as Y } from "./index7.js";
 import { wait as E } from "./index122.js";
 import Z from "./index9.js";
 import "./index10.js";
-import { autoUpdate as ee, flip as oe, shift as te } from "./index197.js";
-import { offset as ae } from "./index205.js";
-const re = ["id"], ne = { class: "bb-popover__bubble" }, se = /* @__PURE__ */ l("span", { class: "bb-popover__close-label" }, "Chiudi", -1), le = /* @__PURE__ */ l("svg", {
+import { autoUpdate as ee, flip as oe, shift as te } from "./index199.js";
+import { offset as ae } from "./index204.js";
+const re = ["id"], ne = {
+  key: 1,
+  class: "bb-popover__bubble"
+}, se = /* @__PURE__ */ d("span", { class: "bb-popover__close-label" }, "Chiudi", -1), le = /* @__PURE__ */ d("svg", {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ l("path", {
+  /* @__PURE__ */ d("path", {
     d: "M23 23L1 1M23 1L1 23",
     stroke: "currentColor",
     "stroke-width": "2",
@@ -36,7 +39,7 @@ const re = ["id"], ne = { class: "bb-popover__bubble" }, se = /* @__PURE__ */ l(
   },
   emits: ["shown", "hidden"],
   setup(M, { emit: N }) {
-    const o = M, i = N, { id: S } = Y(), d = `bbp_${S.value}`, c = a(), p = a(), h = a(), { activate: L, deactivate: O } = X(p, {
+    const o = M, l = N, { id: S } = Y(), b = `bbp_${S.value}`, i = a(), c = a(), k = a(), { activate: L, deactivate: O } = X(c, {
       /**
        * This traps all clicks outside so we are pressing
        * the trigger we just allow and process that in its
@@ -45,21 +48,21 @@ const re = ["id"], ne = { class: "bb-popover__bubble" }, se = /* @__PURE__ */ l(
        * close the popover and be done
        */
       clickOutsideDeactivates: (e) => {
-        var $;
+        var T;
         const t = e.target;
-        return t instanceof HTMLElement && ($ = c.value) != null && $.contains(t) || (b(), i("hidden")), !0;
+        return t instanceof HTMLElement && (T = i.value) != null && T.contains(t) || (f(), l("hidden")), !0;
       },
       escapeDeactivates: () => (J(async () => {
-        await b(), m(), i("hidden");
+        await f(), w(), l("hidden");
       }), !0),
       /* We don't return focus so that when
        * we press a button on tyhe page we can focus
        * THAT button and not the current trigger
        */
       returnFocusOnDeactivate: !1
-    }), { floatingStyles: x, placement: v, middlewareData: g } = K(
+    }), { floatingStyles: z, placement: v, middlewareData: $ } = K(
+      i,
       c,
-      p,
       {
         placement: o.placement,
         whileElementsMounted: ee,
@@ -68,19 +71,19 @@ const re = ["id"], ne = { class: "bb-popover__bubble" }, se = /* @__PURE__ */ l(
           ae(o.offset),
           te({ padding: o.padding }),
           Q({
-            element: h,
+            element: k,
             padding: o.arrowPadding
           })
         ]
       }
-    ), z = w(() => ({
+    ), F = _(() => ({
       class: {
         "bb-popover--block": o.block,
         [`bb-popover--theme-${o.theme}`]: o.theme
       }
-    })), r = a(!1), n = a(!1), s = a(!1), u = a(!0), F = w(() => {
-      if (g.value.arrow) {
-        const { x: e, y: t } = g.value.arrow;
+    })), r = a(!1), n = a(!1), s = a(!1), u = a(!0), H = _(() => {
+      if ($.value.arrow) {
+        const { x: e, y: t } = $.value.arrow;
         return {
           style: {
             left: `${e}px`,
@@ -88,56 +91,56 @@ const re = ["id"], ne = { class: "bb-popover__bubble" }, se = /* @__PURE__ */ l(
           }
         };
       }
-    }), H = w(() => {
+    }), q = _(() => {
       const e = {
-        ...x.value,
+        ...z.value,
         transitionDuration: `${o.transitionDuration}ms`
       };
       if (o.width) {
         let t;
-        typeof o.width == "string" && Number.isNaN(Number(o.width)) ? o.width.includes("%") ? t = `${c.value.clientWidth * (+o.width.replace("%", "") / 100)}px` : t = o.width : t = `${o.width}px`, e.width = t;
+        typeof o.width == "string" && Number.isNaN(Number(o.width)) ? o.width.includes("%") ? t = `${i.value.clientWidth * (+o.width.replace("%", "") / 100)}px` : t = o.width : t = `${o.width}px`, e.width = t;
       }
       return e;
-    }), q = async () => {
+    }), x = async () => {
       u.value = !1, s.value = !1, r.value = !0, await E(50), n.value = !0, r.value = !1;
-    }, b = async () => {
+    }, f = async () => {
       n.value = !1, r.value = !1, s.value = !0, await E(o.transitionDuration), s.value = !1, u.value = !0;
-    }, y = a(!1), A = async () => {
+    }, m = a(!1), A = async () => {
       if (n.value) {
-        await b(), m(), i("hidden");
+        await f(), w(), l("hidden");
         return;
       }
       if (r.value || o.disabled)
         return;
-      y.value = !0, await q();
+      m.value = !0, await x();
       let e = o.focusTarget ?? ".bb-popover__close";
       L({
         onPostActivate: () => {
-          if (p.value) {
-            const t = p.value.querySelector(e);
-            t instanceof HTMLElement && (t.focus(), i("shown"));
+          if (c.value) {
+            const t = c.value.querySelector(e);
+            t instanceof HTMLElement && (t.focus(), l("shown"));
           }
         }
       });
-    }, m = () => {
+    }, w = () => {
       var t;
-      const e = (t = c.value) == null ? void 0 : t.querySelector(`[aria-controls=popover_${d}]`);
+      const e = (t = i.value) == null ? void 0 : t.querySelector(`[aria-controls=popover_${b}]`);
       e instanceof HTMLElement && e.focus();
-    }, k = async () => {
-      O(), await b(), m(), i("hidden");
+    }, C = async () => {
+      O(), await f(), w(), l("hidden");
     };
-    return (e, t) => (f(), C("span", T({ class: "bb-popover" }, z.value), [
-      l("span", {
+    return (e, t) => (p(), h("span", B({ class: "bb-popover" }, F.value), [
+      d("span", {
         class: "bb-popover__wrapper",
         ref_key: "wrapper",
-        ref: c
+        ref: i
       }, [
-        B(e.$slots, "activator", I(R({
+        P(e.$slots, "activator", I(R({
           props: {
-            "aria-controls": `popover_${d}`,
+            "aria-controls": `popover_${b}`,
             "aria-expanded": n.value,
             onClick: A,
-            id: d,
+            id: b,
             disabled: !!e.disabled
           },
           closed: u.value,
@@ -145,14 +148,13 @@ const re = ["id"], ne = { class: "bb-popover__bubble" }, se = /* @__PURE__ */ l(
           disabled: !!e.disabled,
           open: n.value,
           opening: r.value,
-          placement: _(v)
+          placement: g(v)
         })))
       ], 512),
-      (f(), P(U, { to: "body" }, [
-        y.value || e.eager ? (f(), C("span", {
-          key: 0,
+      (p(), D(U, { to: "body" }, [
+        d("span", {
           class: W(["bb-popover__bubble-container", {
-            [`bb-popover__bubble-container--${_(v)}`]: !0,
+            [`bb-popover__bubble-container--${g(v)}`]: !0,
             [`bb-popover__bubble-container--${e.theme}`]: e.theme,
             "bb-popover__bubble-container--hidden": u.value,
             "bb-popover__bubble-container--closing": s.value,
@@ -160,38 +162,39 @@ const re = ["id"], ne = { class: "bb-popover__bubble" }, se = /* @__PURE__ */ l(
             "bb-popover__bubble-container--open": n.value
           }]),
           ref_key: "content",
-          ref: p,
-          style: j(H.value),
-          id: `popover_${d}`
+          ref: c,
+          style: j(q.value),
+          id: `popover_${b}`
         }, [
-          l("span", T({
+          m.value || e.eager ? (p(), h("span", B({
+            key: 0,
             class: "bb-popover__arrow",
             ref_key: "bubblearrow",
-            ref: h
-          }, F.value), null, 16),
-          l("span", ne, [
-            e.showClose ? (f(), P(Z, {
+            ref: k
+          }, H.value), null, 16)) : y("", !0),
+          m.value || e.eager ? (p(), h("span", ne, [
+            e.showClose ? (p(), D(Z, {
               key: 0,
               class: "bb-popover__close",
-              onClick: k
+              onClick: C
             }, {
               default: G(() => [
                 se,
                 le
               ]),
               _: 1
-            })) : D("", !0),
-            B(e.$slots, "default", {
-              close: k,
+            })) : y("", !0),
+            P(e.$slots, "default", {
+              close: C,
               closed: u.value,
               closing: s.value,
               disabled: !!e.disabled,
               open: n.value,
               opening: r.value,
-              placement: _(v)
+              placement: g(v)
             })
-          ])
-        ], 14, re)) : D("", !0)
+          ])) : y("", !0)
+        ], 14, re)
       ]))
     ], 16));
   }

package/dist/index79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index79.js","sources":["../src/components/BbPopover/BbPopover.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, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Teleport as _Teleport } from \"vue\"\n\nconst _hoisted_1 = [\"id\"]\nconst _hoisted_2 = { class: \"bb-popover__bubble\" }\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-popover__close-label\" }, \"Chiudi\", -1)\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    d: \"M23 23L1 1M23 1L1 23\",\n    stroke: \"currentColor\",\n    \"stroke-width\": \"2\",\n    \"stroke-linecap\": \"round\"\n  })\n], -1)\n\nimport { computed, nextTick, ref } from \"vue\";\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  offset,\n  arrow,\n} from \"@floating-ui/vue\";\nimport { useFocusTrap } from \"@vueuse/integrations/useFocusTrap\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\nimport type { Placement } from \"@floating-ui/vue\";\n\nexport type BbPopoverProps = Pick<\n  CommonProps,\n  | \"arrowPadding\"\n  | \"block\"\n  | \"disabled\"\n  | \"eager\"\n  | \"offset\"\n  | \"padding\"\n  | \"placement\"\n  | \"showClose\"\n  | \"theme\"\n  | \"transitionDuration\"\n> & {\n  /**\n   * Elements that obtains focus immediately after opening the popover.\n   * By default it's the first tabbable item.\n   */\n  focusTarget?: string;\n  /**\n   * Width of the dropdown in pixels.\n   */\n  width?: number | string;\n};\n\nexport type BbPopoverEvents = {\n  (e: \"shown\"): void;\n  (e: \"hidden\"): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbPopover',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    offset: { default: 3 },\n    padding: { default: 10 },\n    placement: { default: \"bottom\" },\n    showClose: { type: Boolean, default: true },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 },\n    focusTarget: {},\n    width: {}\n  },\n  emits: [\"shown\", \"hidden\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst { id: _id } = useId();\nconst id = `bbp_${_id.value}`;\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst bubblearrow = ref<HTMLElement>();\n\nconst { activate, deactivate } = useFocusTrap(content, {\n  /**\n   * This traps all clicks outside so we are pressing\n   * the trigger we just allow and process that in its\n   * own click handler.\n   * If we are pressing anything random on the page\n   * close the popover and be done\n   */\n  clickOutsideDeactivates: (event) => {\n    const target = event.target;\n    if (target instanceof HTMLElement) {\n      if (wrapper.value?.contains(target)) {\n        return true;\n      }\n    }\n    closePopover();\n    emit(\"hidden\");\n    return true;\n  },\n  escapeDeactivates: () => {\n    nextTick(async () => {\n      await closePopover();\n      focusTrigger();\n      emit(\"hidden\");\n    });\n    return true;\n  },\n  /* We don't return focus so that when\n   * we press a button on tyhe page we can focus\n   * THAT button and not the current trigger\n   */\n  returnFocusOnDeactivate: false,\n});\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 attributes = computed(() => {\n  const classes = {\n    \"bb-popover--block\": props.block,\n    [`bb-popover--theme-${props.theme}`]: props.theme,\n  };\n  return {\n    class: classes,\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\nconst containerStyle = computed(() => {\n  const base: Record<string, any> = {\n    ...floatingStyles.value,\n    transitionDuration: `${props.transitionDuration}ms`,\n  };\n  if (props.width) {\n    let width: string;\n    // If the width is a css unit string use it, if it is a number or number string add px\n    if (typeof props.width === \"string\" && Number.isNaN(Number(props.width))) {\n      if (props.width.includes(\"%\")) {\n        width = `${\n          wrapper.value!.clientWidth * (+props.width.replace(\"%\", \"\") / 100)\n        }px`;\n      } else {\n        width = props.width;\n      }\n    } else {\n      width = `${props.width}px`;\n    }\n    base.width = width;\n  }\n  return base;\n});\n\nconst openPopover = 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};\n\nconst closePopover = 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};\nconst hasOpenedOnce = ref(false);\nconst onTriggerClick = async () => {\n  if (open.value) {\n    await closePopover();\n    focusTrigger();\n    emit(\"hidden\");\n    return;\n  }\n  if (opening.value || props.disabled) return;\n  hasOpenedOnce.value = true;\n  await openPopover();\n  let focusTarget = props.focusTarget ?? \".bb-popover__close\";\n\n  activate({\n    onPostActivate: () => {\n      if (content.value) {\n        const target = content.value.querySelector(focusTarget);\n        if (target instanceof HTMLElement) {\n          target.focus();\n          emit(\"shown\");\n        }\n      }\n    },\n  });\n};\n\nconst focusTrigger = () => {\n  const trigger = wrapper.value?.querySelector(`[aria-controls=popover_${id}]`);\n  if (trigger instanceof HTMLElement) {\n    trigger.focus();\n  }\n};\n\nconst onClickClose = async () => {\n  deactivate();\n  await closePopover();\n  focusTrigger();\n  emit(\"hidden\");\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-popover\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      class: \"bb-popover__wrapper\",\n      ref_key: \"wrapper\",\n      ref: wrapper\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n          props: {\n            'aria-controls': `popover_${id}`,\n            'aria-expanded': open.value,\n            onClick: onTriggerClick,\n            id: id,\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-popover__bubble-container\", {\n          [`bb-popover__bubble-container--${_unref(placement)}`]: true,\n          [`bb-popover__bubble-container--${_ctx.theme}`]: _ctx.theme,\n          'bb-popover__bubble-container--hidden': closed.value,\n          'bb-popover__bubble-container--closing': closing.value,\n          'bb-popover__bubble-container--opening': opening.value,\n          'bb-popover__bubble-container--open': open.value,\n        }]),\n            ref_key: \"content\",\n            ref: content,\n            style: _normalizeStyle(containerStyle.value),\n            id: `popover_${id}`\n          }, [\n            _createElementVNode(\"span\", _mergeProps({\n              class: \"bb-popover__arrow\",\n              ref_key: \"bubblearrow\",\n              ref: bubblearrow\n            }, arrowAttributes.value), null, 16),\n            _createElementVNode(\"span\", _hoisted_2, [\n              (_ctx.showClose)\n                ? (_openBlock(), _createBlock(BaseButton, {\n                    key: 0,\n                    class: \"bb-popover__close\",\n                    onClick: onClickClose\n                  }, {\n                    default: _withCtx(() => [\n                      _hoisted_3,\n                      _hoisted_4\n                    ]),\n                    _: 1\n                  }))\n                : _createCommentVNode(\"\", true),\n              _renderSlot(_ctx.$slots, \"default\", {\n                close: onClickClose,\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            ])\n          ], 14, _hoisted_1))\n        : _createCommentVNode(\"\", true)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","_id","useId","id","wrapper","ref","content","bubblearrow","activate","deactivate","useFocusTrap","event","target","_a","closePopover","nextTick","focusTrigger","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","offset","shift","arrow","attributes","computed","opening","open","closing","closed","arrowAttributes","x","y","containerStyle","base","width","openPopover","wait","hasOpenedOnce","onTriggerClick","focusTarget","trigger","onClickClose","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","BaseButton","_withCtx","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"index79.js","sources":["../src/components/BbPopover/BbPopover.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, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withCtx as _withCtx, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Teleport as _Teleport } from \"vue\"\n\nconst _hoisted_1 = [\"id\"]\nconst _hoisted_2 = {\n  key: 1,\n  class: \"bb-popover__bubble\"\n}\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-popover__close-label\" }, \"Chiudi\", -1)\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    d: \"M23 23L1 1M23 1L1 23\",\n    stroke: \"currentColor\",\n    \"stroke-width\": \"2\",\n    \"stroke-linecap\": \"round\"\n  })\n], -1)\n\nimport { computed, nextTick, ref } from \"vue\";\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  offset,\n  arrow,\n} from \"@floating-ui/vue\";\nimport { useFocusTrap } from \"@vueuse/integrations/useFocusTrap\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\nimport type { Placement } from \"@floating-ui/vue\";\n\nexport type BbPopoverProps = Pick<\n  CommonProps,\n  | \"arrowPadding\"\n  | \"block\"\n  | \"disabled\"\n  | \"eager\"\n  | \"offset\"\n  | \"padding\"\n  | \"placement\"\n  | \"showClose\"\n  | \"theme\"\n  | \"transitionDuration\"\n> & {\n  /**\n   * Elements that obtains focus immediately after opening the popover.\n   * By default it's the first tabbable item.\n   */\n  focusTarget?: string;\n  /**\n   * Width of the dropdown in pixels.\n   */\n  width?: number | string;\n};\n\nexport type BbPopoverEvents = {\n  (e: \"shown\"): void;\n  (e: \"hidden\"): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbPopover',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    offset: { default: 3 },\n    padding: { default: 10 },\n    placement: { default: \"bottom\" },\n    showClose: { type: Boolean, default: true },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 },\n    focusTarget: {},\n    width: {}\n  },\n  emits: [\"shown\", \"hidden\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst { id: _id } = useId();\nconst id = `bbp_${_id.value}`;\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst bubblearrow = ref<HTMLElement>();\n\nconst { activate, deactivate } = useFocusTrap(content, {\n  /**\n   * This traps all clicks outside so we are pressing\n   * the trigger we just allow and process that in its\n   * own click handler.\n   * If we are pressing anything random on the page\n   * close the popover and be done\n   */\n  clickOutsideDeactivates: (event) => {\n    const target = event.target;\n    if (target instanceof HTMLElement) {\n      if (wrapper.value?.contains(target)) {\n        return true;\n      }\n    }\n    closePopover();\n    emit(\"hidden\");\n    return true;\n  },\n  escapeDeactivates: () => {\n    nextTick(async () => {\n      await closePopover();\n      focusTrigger();\n      emit(\"hidden\");\n    });\n    return true;\n  },\n  /* We don't return focus so that when\n   * we press a button on tyhe page we can focus\n   * THAT button and not the current trigger\n   */\n  returnFocusOnDeactivate: false,\n});\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 attributes = computed(() => {\n  const classes = {\n    \"bb-popover--block\": props.block,\n    [`bb-popover--theme-${props.theme}`]: props.theme,\n  };\n  return {\n    class: classes,\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\nconst containerStyle = computed(() => {\n  const base: Record<string, any> = {\n    ...floatingStyles.value,\n    transitionDuration: `${props.transitionDuration}ms`,\n  };\n  if (props.width) {\n    let width: string;\n    // If the width is a css unit string use it, if it is a number or number string add px\n    if (typeof props.width === \"string\" && Number.isNaN(Number(props.width))) {\n      if (props.width.includes(\"%\")) {\n        width = `${\n          wrapper.value!.clientWidth * (+props.width.replace(\"%\", \"\") / 100)\n        }px`;\n      } else {\n        width = props.width;\n      }\n    } else {\n      width = `${props.width}px`;\n    }\n    base.width = width;\n  }\n  return base;\n});\n\nconst openPopover = 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};\n\nconst closePopover = 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};\nconst hasOpenedOnce = ref(false);\nconst onTriggerClick = async () => {\n  if (open.value) {\n    await closePopover();\n    focusTrigger();\n    emit(\"hidden\");\n    return;\n  }\n  if (opening.value || props.disabled) return;\n  hasOpenedOnce.value = true;\n  await openPopover();\n  let focusTarget = props.focusTarget ?? \".bb-popover__close\";\n\n  activate({\n    onPostActivate: () => {\n      if (content.value) {\n        const target = content.value.querySelector(focusTarget);\n        if (target instanceof HTMLElement) {\n          target.focus();\n          emit(\"shown\");\n        }\n      }\n    },\n  });\n};\n\nconst focusTrigger = () => {\n  const trigger = wrapper.value?.querySelector(`[aria-controls=popover_${id}]`);\n  if (trigger instanceof HTMLElement) {\n    trigger.focus();\n  }\n};\n\nconst onClickClose = async () => {\n  deactivate();\n  await closePopover();\n  focusTrigger();\n  emit(\"hidden\");\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-popover\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      class: \"bb-popover__wrapper\",\n      ref_key: \"wrapper\",\n      ref: wrapper\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n          props: {\n            'aria-controls': `popover_${id}`,\n            'aria-expanded': open.value,\n            onClick: onTriggerClick,\n            id: id,\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-popover__bubble-container\", {\n          [`bb-popover__bubble-container--${_unref(placement)}`]: true,\n          [`bb-popover__bubble-container--${_ctx.theme}`]: _ctx.theme,\n          'bb-popover__bubble-container--hidden': closed.value,\n          'bb-popover__bubble-container--closing': closing.value,\n          'bb-popover__bubble-container--opening': opening.value,\n          'bb-popover__bubble-container--open': open.value,\n        }]),\n        ref_key: \"content\",\n        ref: content,\n        style: _normalizeStyle(containerStyle.value),\n        id: `popover_${id}`\n      }, [\n        (hasOpenedOnce.value || _ctx.eager)\n          ? (_openBlock(), _createElementBlock(\"span\", _mergeProps({\n              key: 0,\n              class: \"bb-popover__arrow\",\n              ref_key: \"bubblearrow\",\n              ref: bubblearrow\n            }, arrowAttributes.value), null, 16))\n          : _createCommentVNode(\"\", true),\n        (hasOpenedOnce.value || _ctx.eager)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, [\n              (_ctx.showClose)\n                ? (_openBlock(), _createBlock(BaseButton, {\n                    key: 0,\n                    class: \"bb-popover__close\",\n                    onClick: onClickClose\n                  }, {\n                    default: _withCtx(() => [\n                      _hoisted_3,\n                      _hoisted_4\n                    ]),\n                    _: 1\n                  }))\n                : _createCommentVNode(\"\", true),\n              _renderSlot(_ctx.$slots, \"default\", {\n                close: onClickClose,\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            ]))\n          : _createCommentVNode(\"\", true)\n      ], 14, _hoisted_1)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","_id","useId","id","wrapper","ref","content","bubblearrow","activate","deactivate","useFocusTrap","event","target","_a","closePopover","nextTick","focusTrigger","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","offset","shift","arrow","attributes","computed","opening","open","closing","closed","arrowAttributes","x","y","containerStyle","base","width","openPopover","wait","hasOpenedOnce","onTriggerClick","focusTarget","trigger","onClickClose","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","_createCommentVNode","BaseButton","_withCtx"],"mappings":"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"}

package/dist/index99.js

@@ -1,14 +1,14 @@
-import { defineComponent as U, getCurrentInstance as D, ref as z, computed as k, watch as E, openBlock as u, createElementBlock as d, normalizeClass as v, unref as K, createElementVNode as h, Fragment as p, renderList as R, createVNode as H, withCtx as J, renderSlot as g, toDisplayString as O, createCommentVNode as j } from "vue";
-import { useId as G } from "./index7.js";
-import { useRoute as M } from "./index129.js";
-import { useRouter as Q } from "./index130.js";
-import { wait as W } from "./index122.js";
-import X from "./index9.js";
+import { defineComponent as D, getCurrentInstance as z, ref as K, computed as v, watch as R, openBlock as u, createElementBlock as d, normalizeClass as h, unref as H, createElementVNode as p, Fragment as g, renderList as B, createVNode as J, withCtx as O, renderSlot as _, toDisplayString as j, createCommentVNode as G } from "vue";
+import { useId as M } from "./index7.js";
+import { useRoute as Q } from "./index129.js";
+import { useRouter as W } from "./index130.js";
+import { wait as X } from "./index122.js";
+import Y from "./index9.js";
 import "./index10.js";
-const Y = ["id"], Z = {
+const Z = ["id"], ee = {
   role: "tablist",
   class: "bb-tab__label-container"
-}, ee = { class: "bb-tab__label" }, ae = { class: "bb-tab__panes-container" }, le = ["id", "aria-labelledby"], de = /* @__PURE__ */ U({
+}, ae = { class: "bb-tab__label" }, le = { class: "bb-tab__panes-container" }, te = ["id", "aria-labelledby"], ce = /* @__PURE__ */ D({
   __name: "BbTab",
   props: {
     disabled: { type: Boolean },
@@ -21,17 +21,17 @@ const Y = ["id"], Z = {
     querykey: { default: "tab" }
   },
   emits: ["update:modelValue"],
-  setup(B, { expose: F, emit: N }) {
-    var q, $, T, x, I, L, V;
-    const l = B, A = N, n = M(), m = Q(), _ = l.id ?? G().id.value, y = `bb-tab_${_}`, w = !!(($ = (q = D()) == null ? void 0 : q.proxy) != null && $.$inertia), t = z(null), i = k(
+  setup(F, { expose: N, emit: A }) {
+    var $, T, x, S, I, L, V;
+    const l = F, P = A, o = Q(), m = W(), w = l.id ?? M().id.value, y = `bb-tab_${w}`, q = !!((T = ($ = z()) == null ? void 0 : $.proxy) != null && T.$inertia), t = K(null), i = v(
       () => l.items.findIndex((e) => e.key === t.value)
-    ), b = k(() => i.value === 0), f = k(() => i.value === l.items.length - 1);
+    ), b = v(() => i.value === 0), f = v(() => i.value === l.items.length - 1);
     if (l.items.forEach((e) => {
       if (!e.key)
         throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
-    }), l.navigation && ((x = (T = n.value) == null ? void 0 : T.query) != null && x[l.querykey]))
-      t.value = (L = (I = n.value) == null ? void 0 : I.query) == null ? void 0 : L[l.querykey];
-    else if (l.navigation && w && ((V = globalThis == null ? void 0 : globalThis.location) != null && V.href) && new URL(globalThis.location.href).searchParams.get(l.querykey))
+    }), l.navigation && ((S = (x = o.value) == null ? void 0 : x.query) != null && S[l.querykey]))
+      t.value = (L = (I = o.value) == null ? void 0 : I.query) == null ? void 0 : L[l.querykey];
+    else if (l.navigation && q && ((V = globalThis == null ? void 0 : globalThis.location) != null && V.href) && new URL(globalThis.location.href).searchParams.get(l.querykey))
       t.value = new URL(globalThis.location.href).searchParams.get(
         l.querykey
       );
@@ -46,22 +46,23 @@ const Y = ["id"], Z = {
       const s = e.key;
       t.value = s;
     }
-    const c = async (e) => {
-      var s, a, o, S;
-      if (l.navigation && n.value && ((a = (s = n.value) == null ? void 0 : s.query) == null ? void 0 : a[l.querykey]) !== e)
+    const c = async (e, s = !1) => {
+      var a, n, C, E;
+      if (l.navigation && o.value && ((n = (a = o.value) == null ? void 0 : a.query) == null ? void 0 : n[l.querykey]) !== e)
         m == null || m.push({
-          ...n,
-          query: { ...(o = n.value) == null ? void 0 : o.query, [l.querykey]: e }
+          ...o,
+          query: { ...(C = o.value) == null ? void 0 : C.query, [l.querykey]: e },
+          replace: s
         });
-      else if (l.navigation && w && ((S = globalThis == null ? void 0 : globalThis.location) != null && S.href) && new URL(globalThis.location.href).searchParams.get(l.querykey) !== e) {
-        const C = new URL(globalThis.location.href);
-        C.searchParams.set(l.querykey, e), W(0).then(() => {
-          history.pushState({}, "", C.toString());
+      else if (l.navigation && q && ((E = globalThis == null ? void 0 : globalThis.location) != null && E.href) && new URL(globalThis.location.href).searchParams.get(l.querykey) !== e) {
+        const k = new URL(globalThis.location.href);
+        k.searchParams.set(l.querykey, e), X(0).then(() => {
+          s ? history.replaceState({}, "", k.toString()) : history.pushState({}, "", k.toString());
         });
       }
-      l.modelValue !== e && A("update:modelValue", e), t.value = e;
+      l.modelValue !== e && P("update:modelValue", e), t.value = e;
     };
-    t.value && c(t.value);
+    t.value && c(t.value, !0);
     const r = (e) => {
       var s = null;
       switch (e) {
@@ -82,11 +83,11 @@ const Y = ["id"], Z = {
         throw new Error("Could not navigate to next tab");
       if (l.items[s].disabled)
         return;
-      const a = l.items[s].key, o = document.querySelector(
+      const a = l.items[s].key, n = document.querySelector(
         `#${y}_tab_${a}`
       );
-      o == null || o.focus(), c(a);
-    }, P = (e) => {
+      n == null || n.focus(), c(a);
+    }, U = (e) => {
       if (!l.disabled)
         if (e.key === "ArrowRight")
           r("next");
@@ -99,49 +100,49 @@ const Y = ["id"], Z = {
         else
           return;
     };
-    return E(
+    return R(
       () => l.modelValue,
       (e) => {
         e && c(e);
       }
-    ), E(
+    ), R(
       () => {
         var e, s;
-        return (s = (e = n.value) == null ? void 0 : e.query) == null ? void 0 : s[l.querykey];
+        return (s = (e = o.value) == null ? void 0 : e.query) == null ? void 0 : s[l.querykey];
       },
       (e) => {
         e && typeof e == "string" && c(e);
       }
-    ), F({
+    ), N({
       isFirst: b,
       isLast: f,
       current: t,
       currentIndex: i,
       goTo: r
     }), (e, s) => (u(), d("div", {
-      class: v(["bb-tab", {
+      class: h(["bb-tab", {
         [`bb-tab--${e.direction}`]: !0,
         "bb-tab--disabled": !0
       }]),
-      id: K(_)
+      id: H(w)
     }, [
-      h("ul", Z, [
-        (u(!0), d(p, null, R(e.items, (a) => (u(), d("li", {
+      p("ul", ee, [
+        (u(!0), d(g, null, B(e.items, (a) => (u(), d("li", {
           role: "presentation",
           key: a.key
         }, [
-          H(X, {
-            class: v(["bb-tab__btn", { "bb-tab__btn--active": t.value === a.key }]),
+          J(Y, {
+            class: h(["bb-tab__btn", { "bb-tab__btn--active": t.value === a.key }]),
             "aria-selected": t.value === a.key,
             disabled: a.disabled || e.disabled,
             id: `${y}_tab_${a.key}`,
             role: "tab",
             tabindex: t.value === a.key ? 0 : -1,
-            onClick: (o) => c(a.key),
-            onKeydown: P
+            onClick: (n) => c(a.key),
+            onKeydown: U
           }, {
-            default: J(() => [
-              g(e.$slots, `label-${a.key}`, {
+            default: O(() => [
+              _(e.$slots, `label-${a.key}`, {
                 current: t.value,
                 currentIndex: i.value,
                 disabled: !!(a.disabled || e.disabled),
@@ -152,7 +153,7 @@ const Y = ["id"], Z = {
                 value: a.key,
                 goTo: r
               }, () => [
-                g(e.$slots, "label", {
+                _(e.$slots, "label", {
                   current: t.value,
                   currentIndex: i.value,
                   disabled: !!(a.disabled || e.disabled),
@@ -163,7 +164,7 @@ const Y = ["id"], Z = {
                   value: a.key,
                   goTo: r
                 }, () => [
-                  h("span", ee, O(a.label), 1)
+                  p("span", ae, j(a.label), 1)
                 ])
               ])
             ]),
@@ -171,13 +172,13 @@ const Y = ["id"], Z = {
           }, 1032, ["aria-selected", "class", "disabled", "id", "tabindex", "onClick"])
         ]))), 128))
       ]),
-      h("div", ae, [
-        (u(!0), d(p, null, R(e.items, (a) => (u(), d(p, {
+      p("div", le, [
+        (u(!0), d(g, null, B(e.items, (a) => (u(), d(g, {
           key: a.key
         }, [
           t.value === a.key || e.eager || a.eager ? (u(), d("section", {
             key: 0,
-            class: v(["bb-tab__pane", {
+            class: h(["bb-tab__pane", {
               "bb-tab__pane--shown": t.value === a.key
             }]),
             role: "tabpanel",
@@ -185,7 +186,7 @@ const Y = ["id"], Z = {
             "aria-labelledby": `${y}_tab_${a.key}`,
             tabindex: "0"
           }, [
-            g(e.$slots, a.key, {
+            _(e.$slots, a.key, {
               current: t.value,
               currentIndex: i.value,
               disabled: !!(a.disabled || e.disabled),
@@ -196,13 +197,13 @@ const Y = ["id"], Z = {
               value: a.key,
               goTo: r
             })
-          ], 10, le)) : j("", !0)
+          ], 10, te)) : G("", !0)
         ], 64))), 128))
       ])
-    ], 10, Y));
+    ], 10, Z));
   }
 });
 export {
-  de as default
+  ce as default
 };
 //# sourceMappingURL=index99.js.map