bitboss-ui 0.2.17 → 0.2.19

package/dist/index79.js

@@ -1,13 +1,13 @@
-import { defineComponent as N, ref as a, computed as C, openBlock as f, createElementBlock as $, mergeProps as T, createElementVNode as s, renderSlot as B, normalizeProps as V, guardReactiveProps as I, unref as m, createBlock as P, Teleport as R, normalizeClass as U, normalizeStyle as j, withCtx as G, createCommentVNode as D, nextTick as J } from "vue";
-import { useFloating as K, arrow as Q } from "./index225.js";
-import { useFocusTrap as W } from "./index214.js";
-import { useId as X } from "./index7.js";
+import { defineComponent as V, ref as a, computed as m, openBlock as f, createElementBlock as $, mergeProps as C, createElementVNode as s, renderSlot as T, normalizeProps as I, guardReactiveProps as R, unref as B, createBlock as P, Teleport as U, normalizeClass as W, normalizeStyle as j, withCtx as G, createCommentVNode as D, nextTick as J } from "vue";
+import { useFloating as K, arrow as Q } from "./index223.js";
+import { useFocusTrap as X } from "./index199.js";
+import { useId as Y } from "./index7.js";
 import { wait as E } from "./index122.js";
-import Y from "./index9.js";
+import Z from "./index9.js";
 import "./index10.js";
-import { autoUpdate as Z, flip as ee, shift as oe } from "./index207.js";
-import { offset as te } from "./index212.js";
-const ae = ["id"], re = { class: "bb-popover__bubble" }, ne = /* @__PURE__ */ s("span", { class: "bb-popover__close-label" }, "Chiudi", -1), se = /* @__PURE__ */ s("svg", {
+import { autoUpdate as ee, flip as oe, shift as te } from "./index214.js";
+import { offset as ae } from "./index219.js";
+const re = ["id"], ne = { class: "bb-popover__bubble" }, se = /* @__PURE__ */ s("span", { class: "bb-popover__close-label" }, "Chiudi", -1), le = /* @__PURE__ */ s("svg", {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -18,7 +18,7 @@ const ae = ["id"], re = { class: "bb-popover__bubble" }, ne = /* @__PURE__ */ s(
     "stroke-width": "2",
     "stroke-linecap": "round"
   })
-], -1), me = /* @__PURE__ */ N({
+], -1), we = /* @__PURE__ */ V({
   __name: "BbPopover",
   props: {
     arrowPadding: { default: 10 },
@@ -31,11 +31,12 @@ const ae = ["id"], re = { class: "bb-popover__bubble" }, ne = /* @__PURE__ */ s(
     showClose: { type: Boolean, default: !0 },
     theme: { default: "default" },
     transitionDuration: { default: 150 },
-    focusTarget: {}
+    focusTarget: {},
+    width: {}
   },
   emits: ["shown", "hidden"],
-  setup(M, { emit: L }) {
-    const o = M, l = L, { id: S } = X(), p = `bbp_${S.value}`, u = a(), i = a(), _ = a(), { activate: O, deactivate: z } = W(i, {
+  setup(M, { emit: N }) {
+    const o = M, l = N, { id: S } = Y(), u = `bbp_${S.value}`, i = a(), c = a(), w = a(), { activate: L, deactivate: x } = X(c, {
       /**
        * This traps all clicks outside so we are pressing
        * the trigger we just allow and process that in its
@@ -46,7 +47,7 @@ const ae = ["id"], re = { class: "bb-popover__bubble" }, ne = /* @__PURE__ */ s(
       clickOutsideDeactivates: (e) => {
         var k;
         const t = e.target;
-        return t instanceof HTMLElement && (k = u.value) != null && k.contains(t) || (b(), l("hidden")), !0;
+        return t instanceof HTMLElement && (k = i.value) != null && k.contains(t) || (b(), l("hidden")), !0;
       },
       escapeDeactivates: () => (J(async () => {
         await b(), v(), l("hidden");
@@ -56,30 +57,30 @@ const ae = ["id"], re = { class: "bb-popover__bubble" }, ne = /* @__PURE__ */ s(
        * THAT button and not the current trigger
        */
       returnFocusOnDeactivate: !1
-    }), { floatingStyles: F, placement: g, middlewareData: w } = K(
-      u,
+    }), { floatingStyles: O, placement: _, middlewareData: h } = K(
       i,
+      c,
       {
         placement: o.placement,
-        whileElementsMounted: Z,
+        whileElementsMounted: ee,
         middleware: [
-          ee(),
-          te(o.offset),
-          oe({ padding: o.padding }),
+          oe(),
+          ae(o.offset),
+          te({ padding: o.padding }),
           Q({
-            element: _,
+            element: w,
             padding: o.arrowPadding
           })
         ]
       }
-    ), H = C(() => ({
+    ), z = m(() => ({
       class: {
         "bb-popover--block": o.block,
         [`bb-popover--theme-${o.theme}`]: o.theme
       }
-    })), r = a(!1), n = a(!1), c = a(!1), d = a(!0), q = C(() => {
-      if (w.value.arrow) {
-        const { x: e, y: t } = w.value.arrow;
+    })), r = a(!1), n = a(!1), p = a(!1), d = a(!0), F = m(() => {
+      if (h.value.arrow) {
+        const { x: e, y: t } = h.value.arrow;
         return {
           style: {
             left: `${e}px`,
@@ -87,100 +88,107 @@ const ae = ["id"], re = { class: "bb-popover__bubble" }, ne = /* @__PURE__ */ s(
           }
         };
       }
-    }), x = async () => {
-      d.value = !1, c.value = !1, r.value = !0, await E(50), n.value = !0, r.value = !1;
+    }), H = m(() => {
+      const e = {
+        ...O.value,
+        transitionDuration: `${o.transitionDuration}ms`
+      };
+      if (o.width) {
+        let 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 () => {
+      d.value = !1, p.value = !1, r.value = !0, await E(50), n.value = !0, r.value = !1;
     }, b = async () => {
-      n.value = !1, r.value = !1, c.value = !0, await E(o.transitionDuration), c.value = !1, d.value = !0;
-    }, h = a(!1), A = async () => {
+      n.value = !1, r.value = !1, p.value = !0, await E(o.transitionDuration), p.value = !1, d.value = !0;
+    }, g = a(!1), A = async () => {
       if (n.value) {
         await b(), v(), l("hidden");
         return;
       }
       if (r.value || o.disabled)
         return;
-      h.value = !0, await x();
+      g.value = !0, await q();
       let e = o.focusTarget ?? ".bb-popover__close";
-      O({
+      L({
         onPostActivate: () => {
-          if (i.value) {
-            const t = i.value.querySelector(e);
+          if (c.value) {
+            const t = c.value.querySelector(e);
             t instanceof HTMLElement && (t.focus(), l("shown"));
           }
         }
       });
     }, v = () => {
       var t;
-      const e = (t = u.value) == null ? void 0 : t.querySelector(`[aria-controls=popover_${p}]`);
+      const e = (t = i.value) == null ? void 0 : t.querySelector(`[aria-controls=popover_${u}]`);
       e instanceof HTMLElement && e.focus();
     }, y = async () => {
-      z(), await b(), v(), l("hidden");
+      x(), await b(), v(), l("hidden");
     };
-    return (e, t) => (f(), $("span", T({ class: "bb-popover" }, H.value), [
+    return (e, t) => (f(), $("span", C({ class: "bb-popover" }, z.value), [
       s("span", {
         class: "bb-popover__wrapper",
         ref_key: "wrapper",
-        ref: u
+        ref: i
       }, [
-        B(e.$slots, "activator", V(I({
+        T(e.$slots, "activator", I(R({
           props: {
-            "aria-controls": `popover_${p}`,
+            "aria-controls": `popover_${u}`,
             "aria-expanded": n.value,
             onClick: A,
-            id: p,
+            id: u,
             disabled: !!e.disabled
           },
           closed: d.value,
-          closing: c.value,
+          closing: p.value,
           disabled: !!e.disabled,
           open: n.value,
           opening: r.value,
-          placement: m(g)
+          placement: B(_)
         })))
       ], 512),
-      (f(), P(R, { to: "body" }, [
-        h.value || e.eager ? (f(), $("span", {
+      (f(), P(U, { to: "body" }, [
+        g.value || e.eager ? (f(), $("span", {
           key: 0,
-          class: U(["bb-popover__bubble-container", {
-            [`bb-popover__bubble-container--${m(g)}`]: !0,
+          class: W(["bb-popover__bubble-container", {
+            [`bb-popover__bubble-container--${B(_)}`]: !0,
             [`bb-popover__bubble-container--${e.theme}`]: e.theme,
             "bb-popover__bubble-container--hidden": d.value,
-            "bb-popover__bubble-container--closing": c.value,
+            "bb-popover__bubble-container--closing": p.value,
             "bb-popover__bubble-container--opening": r.value,
             "bb-popover__bubble-container--open": n.value
           }]),
           ref_key: "content",
-          ref: i,
-          style: j({
-            ...m(F),
-            transitionDuration: `${o.transitionDuration}ms`
-          }),
-          id: `popover_${p}`
+          ref: c,
+          style: j(H.value),
+          id: `popover_${u}`
         }, [
-          s("span", T({
+          s("span", C({
             class: "bb-popover__arrow",
             ref_key: "bubblearrow",
-            ref: _
-          }, q.value), null, 16),
-          s("span", re, [
-            e.showClose ? (f(), P(Y, {
+            ref: w
+          }, F.value), null, 16),
+          s("span", ne, [
+            e.showClose ? (f(), P(Z, {
               key: 0,
               class: "bb-popover__close",
               onClick: y
             }, {
               default: G(() => [
-                ne,
-                se
+                se,
+                le
               ]),
               _: 1
             })) : D("", !0),
-            B(e.$slots, "default", { close: y })
+            T(e.$slots, "default", { close: y })
           ])
-        ], 14, ae)) : D("", !0)
+        ], 14, re)) : D("", !0)
       ]))
     ], 16));
   }
 });
 export {
-  me as default
+  we as default
 };
 //# sourceMappingURL=index79.js.map

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\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  },\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 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({\n          ..._unref(floatingStyles),\n          transitionDuration: `${props.transitionDuration}ms`,\n        }),\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\", { close: onClickClose })\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","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, 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\", { close: onClickClose })\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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"}

package/dist/index91.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, openBlock as b, createBlock as y, withCtx as n, renderSlot as a, normalizeProps as l, guardReactiveProps as i, createVNode as h, mergeProps as c } from "vue";
+import { defineComponent as u, openBlock as c, createBlock as b, withCtx as n, renderSlot as a, normalizeProps as l, guardReactiveProps as i, createVNode as y, mergeProps as h } from "vue";
 import f from "./index21.js";
 import "./index22.js";
 import T from "./index31.js";
@@ -8,6 +8,7 @@ const v = /* @__PURE__ */ u({
   props: {
     addOptions: { type: Boolean },
     allowWriting: { type: Boolean, default: !0 },
+    autocomplete: {},
     autofocus: {},
     comma: { type: Boolean },
     dependencies: {},
@@ -44,16 +45,16 @@ const v = /* @__PURE__ */ u({
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
   setup(B, { emit: s }) {
-    const r = s, p = {
-      onBlur: (e) => r("blur", e),
-      onChange: (e) => r("change", e),
-      onClick: (e) => r("click", e),
-      onFocus: (e) => r("focus", e),
-      onInactive: () => r("inactive"),
-      onInput: (e) => r("input", e),
-      "onUpdate:modelValue": (e) => r("update:modelValue", e)
+    const t = s, p = {
+      onBlur: (e) => t("blur", e),
+      onChange: (e) => t("change", e),
+      onClick: (e) => t("click", e),
+      onFocus: (e) => t("focus", e),
+      onInactive: () => t("inactive"),
+      onInput: (e) => t("input", e),
+      "onUpdate:modelValue": (e) => t("update:modelValue", e)
     };
-    return (e, g) => (b(), y(f, {
+    return (e, g) => (c(), b(f, {
       class: "bb-select",
       direction: e.direction,
       errors: e.errors,
@@ -66,11 +67,12 @@ const v = /* @__PURE__ */ u({
       name: e.name,
       reverse: e.reverse
     }, {
-      label: n((t) => [
-        a(e.$slots, "label", l(i(t)))
+      label: n((r) => [
+        a(e.$slots, "label", l(i(r)))
       ]),
-      input: n(({ id: t, name: d, hasErrors: m }) => [
-        h(T, c({
+      input: n(({ id: r, name: d, hasErrors: m }) => [
+        y(T, h({
+          autocomplete: e.autocomplete,
           addOptions: e.addOptions,
           allowWriting: e.allowWriting,
           autofocus: e.autofocus,
@@ -81,7 +83,7 @@ const v = /* @__PURE__ */ u({
           enforceCoherence: e.enforceCoherence,
           filterBy: e.filterBy,
           hasErrors: m,
-          id: t,
+          id: r,
           items: e.items,
           itemText: e.itemText,
           itemValue: e.itemValue,
@@ -144,7 +146,7 @@ const v = /* @__PURE__ */ u({
             a(e.$slots, "chip", l(i(o)))
           ]),
           _: 2
-        }, 1040, ["addOptions", "allowWriting", "autofocus", "comma", "dependencies", "depsDebounceTime", "disabled", "enforceCoherence", "filterBy", "hasErrors", "id", "items", "itemText", "itemValue", "loadingText", "matchStrategy", "modelValue", "modelValueDebounceTime", "multiple", "name", "noDataText", "placeholder", "prefill", "queryDebounceTime", "readonly", "resetQueryOnOptionSelected", "stash", "transitionDuration", "updateOnAnimationFrame"])
+        }, 1040, ["autocomplete", "addOptions", "allowWriting", "autofocus", "comma", "dependencies", "depsDebounceTime", "disabled", "enforceCoherence", "filterBy", "hasErrors", "id", "items", "itemText", "itemValue", "loadingText", "matchStrategy", "modelValue", "modelValueDebounceTime", "multiple", "name", "noDataText", "placeholder", "prefill", "queryDebounceTime", "readonly", "resetQueryOnOptionSelected", "stash", "transitionDuration", "updateOnAnimationFrame"])
       ]),
       _: 3
     }, 8, ["direction", "errors", "has-errors", "hideLabel", "id", "label", "labelPosition", "modelValue", "name", "reverse"]));

package/dist/index91.js.map

@@ -1 +1 @@
-{"version":3,"file":"index91.js","sources":["../src/components/BbSelect/BbSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport BaseInputContainer from \"../BaseInputContainer/BaseInputContainer.vue\";\nimport BaseSelect from \"../BaseSelect/BaseSelect.vue\";\nimport type {\n  BaseSelectEvents,\n} from \"../BaseSelect/BaseSelect.vue\";\nimport type { NestedKeyOf } from \"@/types/NestedKeyOf\";\nimport type { HTMLAttributes, InputHTMLAttributes } from \"vue\";\n\nexport type BbSelectProps<T> = {\n  /**\n   * Allows the user to add options to the list by\n   * inserting text in the input and pressing ENTER.\n   * The value and text of the option generated is a\n   * string equal to what has been inserted.\n   */\n  addOptions?: boolean;\n\n  /**\n   * Allows typing into the input.\n   */\n  allowWriting?: boolean;\n\n  /**\n   * Sets autofocus on page load.\n   */\n  autofocus?: InputHTMLAttributes[\"autofocus\"];\n\n  /**\n   * Sets the display model for selected values to a list\n   * of comma separated string. In this mode the user\n   * cannot deselect an option by pressing the close button.\n   */\n  comma?: boolean;\n\n  /**\n   * Defines an array of dependencies that will trigger actions in the component upon change.\n   */\n  dependencies?: any[];\n\n  /**\n   * Timeout used to debounce response to changes to dependencies.\n   */\n  depsDebounceTime?: number;\n\n  /**\n   * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.\n   */\n  direction?: \"horizontal\" | \"vertical\" | \"auto\" | string;\n\n  /**\n   * Disables the component\n   */\n  disabled?: boolean;\n\n  /**\n   * If coherence is enforce the input cannot have a modelValue the is incoherent with its current items.\n   *\n   * e.g. You cannot set v-model to a user that is not present in the items passed.\n   *\n   * modelValue will be reset upon incoherence.\n   */\n  enforceCoherence?: boolean;\n\n  /**\n   * Can be a string or an array of string containing the messages to display.\n   */\n  errors?: string | string[];\n\n  /**\n   * Defines how the filtering should work.\n   * In any case options are always filtered by the text displayed but\n   * they can also take into account other properties of the\n   * passed elements when this property is a string or an array of string.\n   * E.g. items could be a list of users and you can filter users by email or phone by passing `['email', 'phone']`\n   * You can also pass false to not filter anything or a function for more granular control.\n   *\n   */\n  filterBy?:\n    | string\n    | string[]\n    | false\n    | ((value: any, item: T) => boolean)\n    | null;\n\n  /**\n   * Define if the component should be in an error state.\n   * It usually attaches a CSS class for styling purposes.\n   */\n  hasErrors?: boolean;\n\n  /**\n   * Visually hides the label of the input while maintaining accessibility.\n   */\n  hideLabel?: boolean;\n\n  /**\n   * The identifier of the component.\n   */\n  id?: HTMLAttributes[\"id\"];\n\n  /**\n   * Used to retrieve items can be an array or a function.\n   */\n  items:\n    | T[]\n    | ((query: string, prefill: boolean, modelValue: any) => Promise<T[]>)\n    | ((query: string, prefill: boolean, modelValue: any) => T[]);\n\n  /**\n   * Defines a path that returns a property of the object to use as text or a function that returns a string\n   */\n  itemText?: T extends object\n    ? NestedKeyOf<T> | ((item: T) => string)\n    : ((item: T) => string) | undefined;\n\n  /**\n   * Defines a path that returns a property of the object to use as value or a function that returns any value\n   */\n  itemValue?: T extends object\n    ? NestedKeyOf<T> | ((item: T) => string)\n    : ((item: T) => any) | undefined;\n\n  /**\n   * Text content of the label of the element.\n   */\n  label: string;\n\n  /**\n   * Sets the text alignment of the label.\n   */\n  labelPosition?: \"left\" | \"center\" | \"right\";\n\n  /**\n   * String displayed while items are being loaded.\n   */\n  loadingText?: string;\n\n  /**\n   * Defines the strategy used to understand whether an option has been selected.\n   * `string` is 40% faster but relies on property order.\n   * `equality` is more reliable but is slower.\n   */\n  matchStrategy?: \"string\" | \"equality\";\n\n  /**\n   * Used by v-model. Can be any serializable type.\n   */\n  modelValue: any;\n\n  /**\n   * Timeout used to debounce response to changes to modelValue.\n   */\n  modelValueDebounceTime?: number;\n\n  /**\n   * Allows the selection of multiple items.\n   */\n  multiple?: boolean;\n\n  /**\n   * Defines the name of the input.\n   */\n  name?: InputHTMLAttributes[\"name\"];\n\n  /**\n   * String displayed when there are no items to display.\n   */\n  noDataText?: string;\n\n  /**\n   * String displayed when there's no data.\n   */\n  placeholder?: InputHTMLAttributes[\"placeholder\"];\n\n  /**\n   * Defines the prefill strategy for the input. By default the input will prefill\n   * on focus. It can also always prefill with `true` and only prefill on search with `false`.\n   */\n  prefill?: boolean | \"focus\";\n\n  /**\n   * Time to wait when the users stops writing in the input before querying data.\n   * Especially useful when searching live data on big datasets.\n   */\n  queryDebounceTime?: number;\n\n  /**\n   * Sets the input in a readonly state.\n   */\n  readonly?: InputHTMLAttributes[\"readonly\"];\n\n  /**\n   * If `true` when in multiple selection, reset the query immediately\n   * upon selecting an option. By default the query is\n   * not reset until focus is lost so the user can search\n   * for \"Cath\" and select \"Cathy\" and then write more to\n   * search for \"Catherine\"\n   */\n  resetQueryOnOptionSelected?: boolean;\n\n  /**\n   * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n   */\n  reverse?: boolean;\n\n  /**\n   * Adds a stash to accumulate selected values. Especially\n   * useful when searching in a big database of items.\n   * E.g. if you search for \"John\" and then search for \"Richard\"\n   * you either always return the previous items or you stash them passing `true` to this option.\n   */\n  stash?: boolean;\n\n  /**\n   * How long the transition has to last in milliseconds\n   */\n  transitionDuration?: number;\n\n  /**\n   * Pass `true` if the dropdown is not updating following movement in the UI, like in modals. Very expensive so use with care.\n   */\n  updateOnAnimationFrame?: boolean;\n};\n\nexport type BbSelectEvents = BaseSelectEvents;\n\nexport type BbSelectSlots<T> = {\n  append?: (props: {}) => any;\n\n  \"append-outer\"?: (props: {}) => any;\n\n  chevron?: (props: { loading: boolean; shown: boolean }) => any;\n\n  chip?: (props: {\n    disabled: boolean;\n    hasErrors?: boolean;\n    index: number;\n    item: T;\n    loading: boolean;\n    manual: boolean;\n    selected: boolean;\n    text: string;\n    value: any;\n  }) => any;\n\n  label?: (props: { text: string; hasErrors: boolean }) => any;\n\n  loading?: (props: { query: string }) => any;\n\n  \"no-data\"?: (props: { query: string }) => any;\n\n  option?: (props: {\n    disabled: boolean;\n    focused: boolean;\n    hasErrors?: boolean;\n    index: number;\n    item: T;\n    loading: boolean;\n    manual: boolean;\n    selected: boolean;\n    text: string;\n    value: any;\n  }) => any;\n\n  \"option:append\"?: (props: { item: T }) => any;\n\n  \"option:prepend\"?: (props: { item: T }) => any;\n\n  \"options:append\"?: (props: {}) => any;\n\n  \"options:prepend\"?: (props: {}) => any;\n\n  prepend?: (props: {}) => any;\n\n  \"prepend-outer\"?: (props: {}) => any;\n\n  spinner?: (props: { loading: boolean }) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbSelect',\n  props: {\n    addOptions: { type: Boolean },\n    allowWriting: { type: Boolean, default: true },\n    autofocus: {},\n    comma: { type: Boolean },\n    dependencies: {},\n    depsDebounceTime: {},\n    direction: {},\n    disabled: { type: Boolean },\n    enforceCoherence: { type: Boolean },\n    errors: {},\n    filterBy: { type: [String, Array, Boolean, Function, null] },\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    items: {},\n    itemText: {},\n    itemValue: {},\n    label: {},\n    labelPosition: {},\n    loadingText: {},\n    matchStrategy: {},\n    modelValue: {},\n    modelValueDebounceTime: {},\n    multiple: { type: Boolean },\n    name: {},\n    noDataText: {},\n    placeholder: {},\n    prefill: { type: [Boolean, String], default: \"focus\" },\n    queryDebounceTime: {},\n    readonly: {},\n    resetQueryOnOptionSelected: { type: Boolean },\n    reverse: { type: Boolean },\n    stash: { type: Boolean },\n    transitionDuration: {},\n    updateOnAnimationFrame: { type: Boolean }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"inactive\", \"input\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\nconst emit = __emit;\n\n\nconst eventListeners = {\n  onBlur: (event: FocusEvent) => emit(\"blur\", event),\n  onChange: (event: Event) => emit(\"change\", event),\n  onClick: (event: MouseEvent) => emit(\"click\", event),\n  onFocus: (event: FocusEvent) => emit(\"focus\", event),\n  onInactive: () => emit(\"inactive\"),\n  onInput: (event: Event) => emit(\"input\", event),\n  \"onUpdate:modelValue\": (value: any) => emit(\"update:modelValue\", value),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseInputContainer, {\n    class: \"bb-select\",\n    direction: _ctx.direction,\n    errors: _ctx.errors,\n    \"has-errors\": _ctx.hasErrors,\n    hideLabel: _ctx.hideLabel,\n    id: _ctx.id,\n    label: _ctx.label,\n    labelPosition: _ctx.labelPosition,\n    modelValue: _ctx.modelValue,\n    name: _ctx.name,\n    reverse: _ctx.reverse\n  }, {\n    label: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"label\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    input: _withCtx(({ id, name, hasErrors }) => [\n      _createVNode(BaseSelect, _mergeProps({\n        addOptions: _ctx.addOptions,\n        allowWriting: _ctx.allowWriting,\n        autofocus: _ctx.autofocus,\n        comma: _ctx.comma,\n        dependencies: _ctx.dependencies,\n        depsDebounceTime: _ctx.depsDebounceTime,\n        disabled: _ctx.disabled,\n        enforceCoherence: _ctx.enforceCoherence,\n        filterBy: _ctx.filterBy,\n        hasErrors: hasErrors,\n        id: id,\n        items: _ctx.items,\n        itemText: (_ctx.itemText as any),\n        itemValue: (_ctx.itemValue as any),\n        loadingText: _ctx.loadingText,\n        matchStrategy: _ctx.matchStrategy,\n        modelValue: _ctx.modelValue,\n        modelValueDebounceTime: _ctx.modelValueDebounceTime,\n        multiple: _ctx.multiple,\n        name: name,\n        noDataText: _ctx.noDataText,\n        placeholder: _ctx.placeholder,\n        prefill: _ctx.prefill,\n        queryDebounceTime: _ctx.queryDebounceTime,\n        readonly: _ctx.readonly,\n        resetQueryOnOptionSelected: _ctx.resetQueryOnOptionSelected,\n        stash: _ctx.stash,\n        transitionDuration: _ctx.transitionDuration,\n        updateOnAnimationFrame: _ctx.updateOnAnimationFrame\n      }, eventListeners), {\n        \"append-outer\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"append-outer\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        append: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"append\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        chevron: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"chevron\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        loading: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"loading\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"no-data\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"no-data\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"option:append\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"option:append\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"option:prepend\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"option:prepend\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        option: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"option\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"options:append\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"options:append\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"options:prepend\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"options:prepend\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"prepend-outer\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"prepend-outer\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        prepend: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"prepend\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        spinner: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"spinner\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        chip: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"chip\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        _: 2\n      }, 1040, [\"addOptions\", \"allowWriting\", \"autofocus\", \"comma\", \"dependencies\", \"depsDebounceTime\", \"disabled\", \"enforceCoherence\", \"filterBy\", \"hasErrors\", \"id\", \"items\", \"itemText\", \"itemValue\", \"loadingText\", \"matchStrategy\", \"modelValue\", \"modelValueDebounceTime\", \"multiple\", \"name\", \"noDataText\", \"placeholder\", \"prefill\", \"queryDebounceTime\", \"readonly\", \"resetQueryOnOptionSelected\", \"stash\", \"transitionDuration\", \"updateOnAnimationFrame\"])\n    ]),\n    _: 3\n  }, 8, [\"direction\", \"errors\", \"has-errors\", \"hideLabel\", \"id\", \"label\", \"labelPosition\", \"modelValue\", \"name\", \"reverse\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__emit","emit","eventListeners","event","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseSelect","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"index91.js","sources":["../src/components/BbSelect/BbSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport BaseInputContainer from \"../BaseInputContainer/BaseInputContainer.vue\";\nimport BaseSelect from \"../BaseSelect/BaseSelect.vue\";\nimport type { BaseSelectEvents } from \"../BaseSelect/BaseSelect.vue\";\nimport type { NestedKeyOf } from \"@/types/NestedKeyOf\";\nimport type { HTMLAttributes, InputHTMLAttributes } from \"vue\";\n\nexport type BbSelectProps<T> = {\n  /**\n   * Allows the user to add options to the list by\n   * inserting text in the input and pressing ENTER.\n   * The value and text of the option generated is a\n   * string equal to what has been inserted.\n   */\n  addOptions?: boolean;\n\n  /**\n   * Allows typing into the input.\n   */\n  allowWriting?: boolean;\n\n  /**\n   * Guides to the browser as to the type of information expected in the field.\n   */\n  autocomplete?: InputHTMLAttributes[\"autocomplete\"];\n\n  /**\n   * Sets autofocus on page load.\n   */\n  autofocus?: InputHTMLAttributes[\"autofocus\"];\n\n  /**\n   * Sets the display model for selected values to a list\n   * of comma separated string. In this mode the user\n   * cannot deselect an option by pressing the close button.\n   */\n  comma?: boolean;\n\n  /**\n   * Defines an array of dependencies that will trigger actions in the component upon change.\n   */\n  dependencies?: any[];\n\n  /**\n   * Timeout used to debounce response to changes to dependencies.\n   */\n  depsDebounceTime?: number;\n\n  /**\n   * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.\n   */\n  direction?: \"horizontal\" | \"vertical\" | \"auto\" | string;\n\n  /**\n   * Disables the component\n   */\n  disabled?: boolean;\n\n  /**\n   * If coherence is enforce the input cannot have a modelValue the is incoherent with its current items.\n   *\n   * e.g. You cannot set v-model to a user that is not present in the items passed.\n   *\n   * modelValue will be reset upon incoherence.\n   */\n  enforceCoherence?: boolean;\n\n  /**\n   * Can be a string or an array of string containing the messages to display.\n   */\n  errors?: string | string[];\n\n  /**\n   * Defines how the filtering should work.\n   * In any case options are always filtered by the text displayed but\n   * they can also take into account other properties of the\n   * passed elements when this property is a string or an array of string.\n   * E.g. items could be a list of users and you can filter users by email or phone by passing `['email', 'phone']`\n   * You can also pass false to not filter anything or a function for more granular control.\n   *\n   */\n  filterBy?:\n    | string\n    | string[]\n    | false\n    | ((value: any, item: T) => boolean)\n    | null;\n\n  /**\n   * Define if the component should be in an error state.\n   * It usually attaches a CSS class for styling purposes.\n   */\n  hasErrors?: boolean;\n\n  /**\n   * Visually hides the label of the input while maintaining accessibility.\n   */\n  hideLabel?: boolean;\n\n  /**\n   * The identifier of the component.\n   */\n  id?: HTMLAttributes[\"id\"];\n\n  /**\n   * Used to retrieve items can be an array or a function.\n   */\n  items:\n    | T[]\n    | ((query: string, prefill: boolean, modelValue: any) => Promise<T[]>)\n    | ((query: string, prefill: boolean, modelValue: any) => T[]);\n\n  /**\n   * Defines a path that returns a property of the object to use as text or a function that returns a string\n   */\n  itemText?: T extends object\n    ? NestedKeyOf<T> | ((item: T) => string)\n    : ((item: T) => string) | undefined;\n\n  /**\n   * Defines a path that returns a property of the object to use as value or a function that returns any value\n   */\n  itemValue?: T extends object\n    ? NestedKeyOf<T> | ((item: T) => string)\n    : ((item: T) => any) | undefined;\n\n  /**\n   * Text content of the label of the element.\n   */\n  label: string;\n\n  /**\n   * Sets the text alignment of the label.\n   */\n  labelPosition?: \"left\" | \"center\" | \"right\";\n\n  /**\n   * String displayed while items are being loaded.\n   */\n  loadingText?: string;\n\n  /**\n   * Defines the strategy used to understand whether an option has been selected.\n   * `string` is 40% faster but relies on property order.\n   * `equality` is more reliable but is slower.\n   */\n  matchStrategy?: \"string\" | \"equality\";\n\n  /**\n   * Used by v-model. Can be any serializable type.\n   */\n  modelValue: any;\n\n  /**\n   * Timeout used to debounce response to changes to modelValue.\n   */\n  modelValueDebounceTime?: number;\n\n  /**\n   * Allows the selection of multiple items.\n   */\n  multiple?: boolean;\n\n  /**\n   * Defines the name of the input.\n   */\n  name?: InputHTMLAttributes[\"name\"];\n\n  /**\n   * String displayed when there are no items to display.\n   */\n  noDataText?: string;\n\n  /**\n   * String displayed when there's no data.\n   */\n  placeholder?: InputHTMLAttributes[\"placeholder\"];\n\n  /**\n   * Defines the prefill strategy for the input. By default the input will prefill\n   * on focus. It can also always prefill with `true` and only prefill on search with `false`.\n   */\n  prefill?: boolean | \"focus\";\n\n  /**\n   * Time to wait when the users stops writing in the input before querying data.\n   * Especially useful when searching live data on big datasets.\n   */\n  queryDebounceTime?: number;\n\n  /**\n   * Sets the input in a readonly state.\n   */\n  readonly?: InputHTMLAttributes[\"readonly\"];\n\n  /**\n   * If `true` when in multiple selection, reset the query immediately\n   * upon selecting an option. By default the query is\n   * not reset until focus is lost so the user can search\n   * for \"Cath\" and select \"Cathy\" and then write more to\n   * search for \"Catherine\"\n   */\n  resetQueryOnOptionSelected?: boolean;\n\n  /**\n   * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n   */\n  reverse?: boolean;\n\n  /**\n   * Adds a stash to accumulate selected values. Especially\n   * useful when searching in a big database of items.\n   * E.g. if you search for \"John\" and then search for \"Richard\"\n   * you either always return the previous items or you stash them passing `true` to this option.\n   */\n  stash?: boolean;\n\n  /**\n   * How long the transition has to last in milliseconds\n   */\n  transitionDuration?: number;\n\n  /**\n   * Pass `true` if the dropdown is not updating following movement in the UI, like in modals. Very expensive so use with care.\n   */\n  updateOnAnimationFrame?: boolean;\n};\n\nexport type BbSelectEvents = BaseSelectEvents;\n\nexport type BbSelectSlots<T> = {\n  append?: (props: {}) => any;\n\n  \"append-outer\"?: (props: {}) => any;\n\n  chevron?: (props: { loading: boolean; shown: boolean }) => any;\n\n  chip?: (props: {\n    disabled: boolean;\n    hasErrors?: boolean;\n    index: number;\n    item: T;\n    loading: boolean;\n    manual: boolean;\n    selected: boolean;\n    text: string;\n    value: any;\n  }) => any;\n\n  label?: (props: { text: string; hasErrors: boolean }) => any;\n\n  loading?: (props: { query: string }) => any;\n\n  \"no-data\"?: (props: { query: string }) => any;\n\n  option?: (props: {\n    disabled: boolean;\n    focused: boolean;\n    hasErrors?: boolean;\n    index: number;\n    item: T;\n    loading: boolean;\n    manual: boolean;\n    selected: boolean;\n    text: string;\n    value: any;\n  }) => any;\n\n  \"option:append\"?: (props: { item: T }) => any;\n\n  \"option:prepend\"?: (props: { item: T }) => any;\n\n  \"options:append\"?: (props: {}) => any;\n\n  \"options:prepend\"?: (props: {}) => any;\n\n  prepend?: (props: {}) => any;\n\n  \"prepend-outer\"?: (props: {}) => any;\n\n  spinner?: (props: { loading: boolean }) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbSelect',\n  props: {\n    addOptions: { type: Boolean },\n    allowWriting: { type: Boolean, default: true },\n    autocomplete: {},\n    autofocus: {},\n    comma: { type: Boolean },\n    dependencies: {},\n    depsDebounceTime: {},\n    direction: {},\n    disabled: { type: Boolean },\n    enforceCoherence: { type: Boolean },\n    errors: {},\n    filterBy: { type: [String, Array, Boolean, Function, null] },\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    items: {},\n    itemText: {},\n    itemValue: {},\n    label: {},\n    labelPosition: {},\n    loadingText: {},\n    matchStrategy: {},\n    modelValue: {},\n    modelValueDebounceTime: {},\n    multiple: { type: Boolean },\n    name: {},\n    noDataText: {},\n    placeholder: {},\n    prefill: { type: [Boolean, String], default: \"focus\" },\n    queryDebounceTime: {},\n    readonly: {},\n    resetQueryOnOptionSelected: { type: Boolean },\n    reverse: { type: Boolean },\n    stash: { type: Boolean },\n    transitionDuration: {},\n    updateOnAnimationFrame: { type: Boolean }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"inactive\", \"input\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\nconst emit = __emit;\n\n\nconst eventListeners = {\n  onBlur: (event: FocusEvent) => emit(\"blur\", event),\n  onChange: (event: Event) => emit(\"change\", event),\n  onClick: (event: MouseEvent) => emit(\"click\", event),\n  onFocus: (event: FocusEvent) => emit(\"focus\", event),\n  onInactive: () => emit(\"inactive\"),\n  onInput: (event: Event) => emit(\"input\", event),\n  \"onUpdate:modelValue\": (value: any) => emit(\"update:modelValue\", value),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseInputContainer, {\n    class: \"bb-select\",\n    direction: _ctx.direction,\n    errors: _ctx.errors,\n    \"has-errors\": _ctx.hasErrors,\n    hideLabel: _ctx.hideLabel,\n    id: _ctx.id,\n    label: _ctx.label,\n    labelPosition: _ctx.labelPosition,\n    modelValue: _ctx.modelValue,\n    name: _ctx.name,\n    reverse: _ctx.reverse\n  }, {\n    label: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"label\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    input: _withCtx(({ id, name, hasErrors }) => [\n      _createVNode(BaseSelect, _mergeProps({\n        autocomplete: _ctx.autocomplete,\n        addOptions: _ctx.addOptions,\n        allowWriting: _ctx.allowWriting,\n        autofocus: _ctx.autofocus,\n        comma: _ctx.comma,\n        dependencies: _ctx.dependencies,\n        depsDebounceTime: _ctx.depsDebounceTime,\n        disabled: _ctx.disabled,\n        enforceCoherence: _ctx.enforceCoherence,\n        filterBy: _ctx.filterBy,\n        hasErrors: hasErrors,\n        id: id,\n        items: _ctx.items,\n        itemText: (_ctx.itemText as any),\n        itemValue: (_ctx.itemValue as any),\n        loadingText: _ctx.loadingText,\n        matchStrategy: _ctx.matchStrategy,\n        modelValue: _ctx.modelValue,\n        modelValueDebounceTime: _ctx.modelValueDebounceTime,\n        multiple: _ctx.multiple,\n        name: name,\n        noDataText: _ctx.noDataText,\n        placeholder: _ctx.placeholder,\n        prefill: _ctx.prefill,\n        queryDebounceTime: _ctx.queryDebounceTime,\n        readonly: _ctx.readonly,\n        resetQueryOnOptionSelected: _ctx.resetQueryOnOptionSelected,\n        stash: _ctx.stash,\n        transitionDuration: _ctx.transitionDuration,\n        updateOnAnimationFrame: _ctx.updateOnAnimationFrame\n      }, eventListeners), {\n        \"append-outer\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"append-outer\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        append: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"append\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        chevron: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"chevron\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        loading: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"loading\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"no-data\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"no-data\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"option:append\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"option:append\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"option:prepend\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"option:prepend\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        option: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"option\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"options:append\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"options:append\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"options:prepend\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"options:prepend\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"prepend-outer\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"prepend-outer\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        prepend: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"prepend\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        spinner: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"spinner\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        chip: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"chip\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        _: 2\n      }, 1040, [\"autocomplete\", \"addOptions\", \"allowWriting\", \"autofocus\", \"comma\", \"dependencies\", \"depsDebounceTime\", \"disabled\", \"enforceCoherence\", \"filterBy\", \"hasErrors\", \"id\", \"items\", \"itemText\", \"itemValue\", \"loadingText\", \"matchStrategy\", \"modelValue\", \"modelValueDebounceTime\", \"multiple\", \"name\", \"noDataText\", \"placeholder\", \"prefill\", \"queryDebounceTime\", \"readonly\", \"resetQueryOnOptionSelected\", \"stash\", \"transitionDuration\", \"updateOnAnimationFrame\"])\n    ]),\n    _: 3\n  }, 8, [\"direction\", \"errors\", \"has-errors\", \"hideLabel\", \"id\", \"label\", \"labelPosition\", \"modelValue\", \"name\", \"reverse\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__emit","emit","eventListeners","event","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseSelect","_mergeProps"],"mappings":"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"}