bitboss-ui 0.1.80 → 0.1.82

package/dist/index108.js

@@ -1,123 +1,151 @@
-import { defineComponent as D, ref as o, computed as z, openBlock as f, createElementBlock as F, mergeProps as O, createElementVNode as l, renderSlot as k, normalizeProps as P, guardReactiveProps as S, unref as b, createBlock as y, Teleport as N, normalizeClass as V, normalizeStyle as H, withCtx as I, createCommentVNode as R } from "vue";
-import { useFloating as U } from "./index216.js";
-import { useId as j } from "./index120.js";
-import { wait as C } from "./index119.js";
-import q from "./index6.js";
+import { defineComponent as x, ref as o, computed as C, openBlock as d, createElementBlock as E, mergeProps as $, createElementVNode as r, renderSlot as L, normalizeProps as A, guardReactiveProps as H, unref as b, createBlock as M, Teleport as I, normalizeClass as R, normalizeStyle as U, withCtx as j, createCommentVNode as D } from "vue";
+import { useFloating as q, arrow as G } from "./index216.js";
+import { useId as J } from "./index120.js";
+import { wait as O } from "./index119.js";
+import K from "./index6.js";
 import "./index7.js";
-import { autoUpdate as A } from "./index197.js";
-import { flip as G, shift as J } from "./index204.js";
-const K = /* @__PURE__ */ l("span", { class: "bb-tooltip__arrow" }, null, -1), Q = { class: "bb-tooltip__bubble" }, W = /* @__PURE__ */ l("svg", {
+import { autoUpdate as Q } from "./index206.js";
+import { flip as W, shift as X } from "./index211.js";
+const Y = { class: "bb-tooltip__bubble" }, Z = /* @__PURE__ */ r("svg", {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ l("path", {
+  /* @__PURE__ */ r("path", {
     d: "M23 23L1 1M23 1L1 23",
     stroke: "currentColor",
     "stroke-width": "2",
     "stroke-linecap": "round"
   })
-], -1), ae = /* @__PURE__ */ D({
+], -1), ie = /* @__PURE__ */ x({
   __name: "BbTooltip",
   props: {
+    arrowPadding: { default: 10 },
     block: { type: Boolean },
     disabled: { type: Boolean },
+    eager: { type: Boolean },
     id: {},
+    padding: { default: 10 },
     placement: { default: "top" },
     showClose: { type: Boolean, default: !0 },
     theme: { default: "default" },
-    transitionDuration: { default: 150 },
-    padding: { default: 10 }
+    transitionDuration: { default: 150 }
   },
-  setup(E) {
-    const t = E, m = `bb_${t.id ?? j().id.value}`, r = o(), u = o(), { floatingStyles: B, placement: v } = U(r, u, {
-      placement: t.placement,
-      whileElementsMounted: A,
-      middleware: [G(), J({ padding: t.padding })]
-    }), _ = o(!0), n = o(!1), a = o(!1), s = o(!1), c = o(!0), h = () => {
-      a.value || n.value || t.disabled || (M(), document.addEventListener("mouseover", w, { passive: !0 }), document.addEventListener("keydown", g, { passive: !0 }));
-    }, $ = h, w = (e) => {
-      const i = e.target;
-      if (i && i instanceof HTMLElement) {
-        let d = !0;
-        r.value && r.value.contains(i) && (d = !1), u.value && u.value.contains(i) && (d = !1), d && p();
+  setup(P) {
+    const t = P, m = `bb_${t.id ?? J().id.value}`, i = o(), u = o(), v = o(), { floatingStyles: T, placement: _, middlewareData: w } = q(
+      i,
+      u,
+      {
+        placement: t.placement,
+        whileElementsMounted: Q,
+        middleware: [
+          W(),
+          X({ padding: t.padding }),
+          G({
+            element: v,
+            padding: t.arrowPadding
+          })
+        ]
       }
-    }, g = (e) => {
-      a.value && e.key === "Escape" && p();
-    }, L = () => {
-      _.value = !1, p();
-    }, M = async () => {
-      _.value && (c.value = !1, s.value = !1, n.value = !0, await C(50), a.value = !0, n.value = !1);
+    ), g = o(!0), n = o(!1), l = o(!1), s = o(!1), c = o(!0), z = C(() => {
+      if (w.value.arrow) {
+        const { x: e, y: a } = w.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${a}px`
+          }
+        };
+      }
+    }), y = () => {
+      l.value || n.value || t.disabled || (N(), document.addEventListener("mouseover", h, { passive: !0 }), document.addEventListener("keydown", k, { passive: !0 }));
+    }, F = y, h = (e) => {
+      const a = e.target;
+      if (a && a instanceof HTMLElement) {
+        let f = !0;
+        i.value && i.value.contains(a) && (f = !1), u.value && u.value.contains(a) && (f = !1), f && p();
+      }
+    }, k = (e) => {
+      l.value && e.key === "Escape" && p();
+    }, S = () => {
+      g.value = !1, p();
+    }, B = o(!1), N = async () => {
+      g.value && (B.value = !0, c.value = !1, s.value = !1, n.value = !0, await O(50), l.value = !0, n.value = !1);
     }, p = async () => {
-      a.value = !1, n.value = !1, s.value = !0, await C(t.transitionDuration), s.value = !1, c.value = !0, document.removeEventListener("mouseover", w), document.removeEventListener("keydown", g);
-    }, T = z(() => ({
+      l.value = !1, n.value = !1, s.value = !0, await O(t.transitionDuration), s.value = !1, c.value = !0, document.removeEventListener("mouseover", h), document.removeEventListener("keydown", k);
+    }, V = C(() => ({
       class: {
         "bb-tooltip--block": t.block,
         [`bb-tooltip--theme-${t.theme}`]: t.theme
       }
     }));
-    return (e, i) => (f(), F("span", O({ class: "bb-tooltip" }, T.value), [
-      l("span", {
+    return (e, a) => (d(), E("span", $({ class: "bb-tooltip" }, V.value), [
+      r("span", {
         class: "bb-tooltip__wrapper",
         ref_key: "wrapper",
-        ref: r
+        ref: i
       }, [
-        k(e.$slots, "activator", P(S({
+        L(e.$slots, "activator", A(H({
           props: {
             "aria-describedby": m,
-            onMouseenter: h,
-            onFocus: b($),
+            onMouseenter: y,
+            onFocus: b(F),
             onBlur: p,
             disabled: e.disabled
           },
           closed: c.value,
           closing: s.value,
           disabled: e.disabled,
-          open: a.value,
+          open: l.value,
           opening: n.value,
-          placement: b(v)
+          placement: b(_)
         })))
       ], 512),
-      (f(), y(N, { to: "body" }, [
-        l("span", {
-          class: V(["bb-tooltip__bubble-container", {
-            [`bb-tooltip__bubble-container--${b(v)}`]: !0,
+      (d(), M(I, { to: "body" }, [
+        B.value || e.eager ? (d(), E("span", {
+          key: 0,
+          class: R(["bb-tooltip__bubble-container", {
+            [`bb-tooltip__bubble-container--${b(_)}`]: !0,
             [`bb-tooltip__bubble-container--${e.theme}`]: e.theme,
             "bb-tooltip__bubble-container--hidden": c.value,
             "bb-tooltip__bubble-container--closing": s.value,
             "bb-tooltip__bubble-container--opening": n.value,
-            "bb-tooltip__bubble-container--open": a.value
+            "bb-tooltip__bubble-container--open": l.value
           }]),
           ref_key: "content",
           ref: u,
-          style: H({
-            ...b(B),
+          style: U({
+            ...b(T),
             transitionDuration: `${t.transitionDuration}ms`
           }),
           id: m
         }, [
-          K,
-          l("span", Q, [
-            e.showClose ? (f(), y(q, {
+          r("span", $({
+            class: "bb-tooltip__arrow",
+            ref_key: "bubblearrow",
+            ref: v
+          }, z.value), null, 16),
+          r("span", Y, [
+            e.showClose ? (d(), M(K, {
               key: 0,
               tabindex: "-1",
               "aria-hidden": "true",
               class: "bb-tooltip__close",
-              onClick: L
+              onClick: S
             }, {
-              default: I(() => [
-                W
+              default: j(() => [
+                Z
               ]),
               _: 1
-            })) : R("", !0),
-            k(e.$slots, "default")
+            })) : D("", !0),
+            L(e.$slots, "default")
           ])
-        ], 6)
+        ], 6)) : D("", !0)
       ]))
     ], 16));
   }
 });
 export {
-  ae as default
+  ie as default
 };
 //# sourceMappingURL=index108.js.map

package/dist/index108.js.map

@@ -1 +1 @@
-{"version":3,"file":"index108.js","sources":["../src/components/BbTooltip/BbTooltip.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, openBlock as _openBlock, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Teleport as _Teleport, mergeProps as _mergeProps, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-tooltip__arrow\" }, null, -1)\nconst _hoisted_2 = { class: \"bb-tooltip__bubble\" }\nconst _hoisted_3 = /*#__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, ref } from \"vue\";\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  Placement,\n} from \"@floating-ui/vue\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbTooltipProps = Pick<\n  CommonProps,\n  | \"block\"\n  | \"disabled\"\n  | \"id\"\n  | \"placement\"\n  | \"showClose\"\n  | \"theme\"\n  | \"transitionDuration\"\n> & {\n  /**\n   * Minimum empty space to keep from the edge of the page\n   */\n  padding?: number;\n};\n\ntype BbTooltipSlots = {\n  activator?: (props: {\n    props: {\n      \"aria-describedby\": string;\n      onMouseenter: typeof onMouseenter;\n      onFocus: typeof onFocus;\n      onBlur: typeof closeTooltip;\n    };\n    closed: boolean;\n    closing: boolean;\n    disabled?: boolean;\n    open: boolean;\n    opening: boolean;\n    placement: Placement;\n  }) => any;\n  default?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTooltip',\n  props: {\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    id: {},\n    placement: { default: \"top\" },\n    showClose: { type: Boolean, default: true },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 },\n    padding: { default: 10 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst id = `bb_${props.id ?? useId().id.value}`;\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\n\nconst { floatingStyles, placement } = useFloating(wrapper, content, {\n  placement: props.placement,\n  whileElementsMounted: autoUpdate,\n  middleware: [flip(), shift({ padding: props.padding })],\n});\n\nconst canOpen = ref(true);\n\nconst opening = ref(false);\nconst open = ref(false);\nconst closing = ref(false);\nconst closed = ref(true);\n\nconst onMouseenter = () => {\n  if (open.value || opening.value || props.disabled) return;\n  openTooltip();\n  document.addEventListener(\"mouseover\", onMouseOver, { passive: true });\n  document.addEventListener(\"keydown\", onEsc, { passive: true });\n};\n\nconst onFocus = onMouseenter;\n\nconst onMouseOver = (event: Event) => {\n  const target = event.target;\n  if (!target) return;\n  if (target instanceof HTMLElement) {\n    let isOutside = true;\n\n    if (wrapper.value) {\n      if (wrapper.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n    if (content.value) {\n      if (content.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n\n    if (isOutside) {\n      closeTooltip();\n    }\n  }\n};\n\nconst onEsc = (event: KeyboardEvent) => {\n  if (open.value) {\n    if (event.key === \"Escape\") {\n      closeTooltip();\n    }\n  }\n};\n\n/* On click of close button tooltip is disallowed from reappearing */\nconst onClickClose = () => {\n  canOpen.value = false;\n  closeTooltip();\n};\n\nconst openTooltip = async () => {\n  if (!canOpen.value) return;\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 closeTooltip = async () => {\n  open.value = false;\n  opening.value = false;\n  closing.value = true;\n  await wait(props.transitionDuration);\n  closing.value = false;\n  closed.value = true;\n  document.removeEventListener(\"mouseover\", onMouseOver);\n  document.removeEventListener(\"keydown\", onEsc);\n};\n\nconst attributes = computed(() => {\n  const classes = {\n    \"bb-tooltip--block\": props.block,\n    [`bb-tooltip--theme-${props.theme}`]: props.theme,\n  };\n  return {\n    class: classes,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-tooltip\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      class: \"bb-tooltip__wrapper\",\n      ref_key: \"wrapper\",\n      ref: wrapper\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n          props: {\n            'aria-describedby': id,\n            onMouseenter: onMouseenter,\n            onFocus: _unref(onFocus),\n            onBlur: closeTooltip,\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-tooltip__bubble-container\", {\n          [`bb-tooltip__bubble-container--${_unref(placement)}`]: true,\n          [`bb-tooltip__bubble-container--${_ctx.theme}`]: _ctx.theme,\n          'bb-tooltip__bubble-container--hidden': closed.value,\n          'bb-tooltip__bubble-container--closing': closing.value,\n          'bb-tooltip__bubble-container--opening': opening.value,\n          'bb-tooltip__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: id\n      }, [\n        _hoisted_1,\n        _createElementVNode(\"span\", _hoisted_2, [\n          (_ctx.showClose)\n            ? (_openBlock(), _createBlock(BaseButton, {\n                key: 0,\n                tabindex: \"-1\",\n                \"aria-hidden\": \"true\",\n                class: \"bb-tooltip__close\",\n                onClick: onClickClose\n              }, {\n                default: _withCtx(() => [\n                  _hoisted_3\n                ]),\n                _: 1\n              }))\n            : _createCommentVNode(\"\", true),\n          _renderSlot(_ctx.$slots, \"default\")\n        ])\n      ], 6)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","props","id","useId","wrapper","ref","content","floatingStyles","placement","useFloating","autoUpdate","flip","shift","canOpen","opening","open","closing","closed","onMouseenter","openTooltip","onMouseOver","onEsc","onFocus","event","target","isOutside","closeTooltip","onClickClose","wait","attributes","computed","_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":"index108.js","sources":["../src/components/BbTooltip/BbTooltip.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 = { class: \"bb-tooltip__bubble\" }\nconst _hoisted_2 = /*#__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, ref } from \"vue\";\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  Placement,\n  arrow,\n} from \"@floating-ui/vue\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbTooltipProps = Pick<\n  CommonProps,\n  | \"arrowPadding\"\n  | \"block\"\n  | \"disabled\"\n  | \"eager\"\n  | \"id\"\n  | \"padding\"\n  | \"placement\"\n  | \"showClose\"\n  | \"theme\"\n  | \"transitionDuration\"\n>\n\ntype BbTooltipSlots = {\n  activator?: (props: {\n    props: {\n      \"aria-describedby\": string;\n      onMouseenter: typeof onMouseenter;\n      onFocus: typeof onFocus;\n      onBlur: typeof closeTooltip;\n    };\n    closed: boolean;\n    closing: boolean;\n    disabled?: boolean;\n    open: boolean;\n    opening: boolean;\n    placement: Placement;\n  }) => any;\n  default?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTooltip',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    id: {},\n    padding: { default: 10 },\n    placement: { default: \"top\" },\n    showClose: { type: Boolean, default: true },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst id = `bb_${props.id ?? useId().id.value}`;\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst bubblearrow = ref<HTMLElement>();\n\nconst { floatingStyles, placement, middlewareData } = useFloating(\n  wrapper,\n  content,\n  {\n    placement: props.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      flip(),\n      shift({ padding: props.padding }),\n      arrow({\n        element: bubblearrow,\n        padding: props.arrowPadding,\n      }),\n    ],\n  }\n);\n\nconst canOpen = ref(true);\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 onMouseenter = () => {\n  if (open.value || opening.value || props.disabled) return;\n  openTooltip();\n  document.addEventListener(\"mouseover\", onMouseOver, { passive: true });\n  document.addEventListener(\"keydown\", onEsc, { passive: true });\n};\n\nconst onFocus = onMouseenter;\n\nconst onMouseOver = (event: Event) => {\n  const target = event.target;\n  if (!target) return;\n  if (target instanceof HTMLElement) {\n    let isOutside = true;\n\n    if (wrapper.value) {\n      if (wrapper.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n    if (content.value) {\n      if (content.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n\n    if (isOutside) {\n      closeTooltip();\n    }\n  }\n};\n\nconst onEsc = (event: KeyboardEvent) => {\n  if (open.value) {\n    if (event.key === \"Escape\") {\n      closeTooltip();\n    }\n  }\n};\n\n/* On click of close button tooltip is disallowed from reappearing */\nconst onClickClose = () => {\n  canOpen.value = false;\n  closeTooltip();\n};\n\nconst hasOpenedOnce = ref(false);\nconst openTooltip = async () => {\n  if (!canOpen.value) return;\n  hasOpenedOnce.value = true;\n  closed.value = false;\n  closing.value = false;\n  opening.value = true;\n  await wait(50);\n  open.value = true;\n  opening.value = false;\n};\n\nconst closeTooltip = async () => {\n  open.value = false;\n  opening.value = false;\n  closing.value = true;\n  await wait(props.transitionDuration);\n  closing.value = false;\n  closed.value = true;\n  document.removeEventListener(\"mouseover\", onMouseOver);\n  document.removeEventListener(\"keydown\", onEsc);\n};\n\nconst attributes = computed(() => {\n  const classes = {\n    \"bb-tooltip--block\": props.block,\n    [`bb-tooltip--theme-${props.theme}`]: props.theme,\n  };\n  return {\n    class: classes,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-tooltip\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      class: \"bb-tooltip__wrapper\",\n      ref_key: \"wrapper\",\n      ref: wrapper\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n          props: {\n            'aria-describedby': id,\n            onMouseenter: onMouseenter,\n            onFocus: _unref(onFocus),\n            onBlur: closeTooltip,\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-tooltip__bubble-container\", {\n          [`bb-tooltip__bubble-container--${_unref(placement)}`]: true,\n          [`bb-tooltip__bubble-container--${_ctx.theme}`]: _ctx.theme,\n          'bb-tooltip__bubble-container--hidden': closed.value,\n          'bb-tooltip__bubble-container--closing': closing.value,\n          'bb-tooltip__bubble-container--opening': opening.value,\n          'bb-tooltip__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: id\n          }, [\n            _createElementVNode(\"span\", _mergeProps({\n              class: \"bb-tooltip__arrow\",\n              ref_key: \"bubblearrow\",\n              ref: bubblearrow\n            }, arrowAttributes.value), null, 16),\n            _createElementVNode(\"span\", _hoisted_1, [\n              (_ctx.showClose)\n                ? (_openBlock(), _createBlock(BaseButton, {\n                    key: 0,\n                    tabindex: \"-1\",\n                    \"aria-hidden\": \"true\",\n                    class: \"bb-tooltip__close\",\n                    onClick: onClickClose\n                  }, {\n                    default: _withCtx(() => [\n                      _hoisted_2\n                    ]),\n                    _: 1\n                  }))\n                : _createCommentVNode(\"\", true),\n              _renderSlot(_ctx.$slots, \"default\")\n            ])\n          ], 6))\n        : _createCommentVNode(\"\", true)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","id","useId","wrapper","ref","content","bubblearrow","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","shift","arrow","canOpen","opening","open","closing","closed","arrowAttributes","computed","x","y","onMouseenter","openTooltip","onMouseOver","onEsc","onFocus","event","target","isOutside","closeTooltip","onClickClose","hasOpenedOnce","wait","attributes","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","BaseButton","_withCtx","_createCommentVNode"],"mappings":"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"}

package/dist/index110.js

@@ -1,5 +1,6 @@
-import { defineComponent as $, computed as x, resolveComponent as g, openBlock as l, createElementBlock as o, Fragment as y, renderList as s, normalizeClass as f, createElementVNode as a, renderSlot as d, createVNode as v, createSlots as k, withCtx as B, normalizeProps as C, guardReactiveProps as _ } from "vue";
-const P = { class: "bb-tree-row" }, T = { class: "bb-tree-main-content" }, E = /* @__PURE__ */ $({
+import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as v, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as p, createVNode as k, createSlots as B, withCtx as C, normalizeProps as T, guardReactiveProps as _ } from "vue";
+import { flattenTree as P } from "./index245.js";
+const w = { class: "bb-tree-row" }, z = { class: "bb-tree-main-content" }, I = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {
     items: { default: () => [] },
@@ -8,86 +9,107 @@ const P = { class: "bb-tree-row" }, T = { class: "bb-tree-main-content" }, E = /
     depth: { default: 0 },
     expandable: { type: [Boolean, Function] }
   },
-  setup(h) {
-    const r = h, b = (n) => typeof n.open > "u" ? !0 : n.open, u = x(() => r.items.map((n) => {
-      const p = b(n), t = n.expandable ?? r.expandable;
-      let e = !1;
-      return typeof t < "u" && (typeof t == "function" ? e = t(n, r.depth, r.parent) : e = t), {
-        children: n.children,
-        depth: r.depth,
-        expandable: e,
-        identifier: n[r.identifier],
-        open: p,
-        original: n,
-        parent: r.parent
-      };
-    }));
-    return (n, p) => {
-      const t = g("BbTree", !0);
-      return l(!0), o(y, null, s(u.value, (e) => (l(), o("div", {
-        class: f(["bb-tree", {
+  setup(c) {
+    const r = c, u = (n) => typeof n.open > "u" ? !0 : n.open, x = g(() => {
+      let n = 0;
+      return r.items.map((d, l) => {
+        const e = u(d), t = d.expandable ?? r.expandable, a = n + 1;
+        n = n + P([d], "children").length;
+        let o = !1;
+        return typeof t < "u" && (typeof t == "function" ? o = t(d, r.depth, r.parent) : o = t), {
+          children: d.children,
+          depth: r.depth,
+          expandable: o,
+          identifier: d[r.identifier],
+          offset: a,
+          index: l,
+          open: e,
+          original: d,
+          parent: r.parent
+        };
+      });
+    });
+    return (n, d) => {
+      const l = y("BbTree", !0);
+      return f(!0), i(v, null, h(x.value, (e) => (f(), i("div", {
+        class: b(["bb-tree", {
           [`bb-tree--depth-${e.depth}`]: !0,
           "bb-tree--open": e.open
         }]),
         key: e.identifier
       }, [
-        a("div", P, [
-          a("div", T, [
-            n.$slots[e.identifier] ? d(n.$slots, e.identifier, {
+        s("div", w, [
+          s("div", z, [
+            n.$slots[e.identifier] ? p(n.$slots, e.identifier, {
               key: 0,
-              item: e.original,
-              parent: e.parent,
               depth: e.depth,
+              expandable: e.expandable,
               identifier: e.identifier,
-              expandable: e.expandable
-            }) : n.$slots[e.depth] ? d(n.$slots, e.depth, {
-              key: 1,
+              index: e.index,
               item: e.original,
-              parent: e.parent,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }) : n.$slots[e.depth] ? p(n.$slots, e.depth, {
+              key: 1,
               depth: e.depth,
+              expandable: e.expandable,
               identifier: e.identifier,
-              expandable: e.expandable
-            }) : d(n.$slots, "default", {
-              key: 2,
+              index: e.index,
               item: e.original,
-              parent: e.parent,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }) : p(n.$slots, "default", {
+              key: 2,
               depth: e.depth,
+              expandable: e.expandable,
               identifier: e.identifier,
-              expandable: e.expandable
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
             })
           ])
         ]),
-        a("div", {
-          class: f(`bb-tree--depth-${e.depth}-children`)
+        s("div", {
+          class: b(`bb-tree--depth-${e.depth}-children`)
         }, [
-          d(n.$slots, `${e.depth}-children`, {
-            item: e.original,
-            parent: e.parent,
+          p(n.$slots, `${e.depth}-children`, {
             depth: e.depth,
+            expandable: e.expandable,
             identifier: e.identifier,
-            expandable: e.expandable
+            index: e.index,
+            item: e.original,
+            offset: e.offset,
+            open: e.open,
+            parent: e.parent
           }, () => [
-            d(n.$slots, `${e.identifier}-children`, {
-              item: e.original,
-              parent: e.parent,
+            p(n.$slots, `${e.identifier}-children`, {
               depth: e.depth,
+              expandable: e.expandable,
               identifier: e.identifier,
-              expandable: e.expandable
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
             }, () => [
-              v(t, {
+              k(l, {
                 depth: e.depth + 1,
-                items: e.children,
-                parent: e,
+                expandable: n.expandable,
                 identifier: r.identifier,
-                expandable: n.expandable
-              }, k({ _: 2 }, [
-                s(n.$slots, (w, i) => ({
-                  name: i,
-                  fn: B((c) => [
-                    d(n.$slots, i, C(_(c)))
+                items: e.children,
+                parent: e
+              }, B({ _: 2 }, [
+                h(n.$slots, (t, a) => ({
+                  name: a,
+                  fn: C((o) => [
+                    p(n.$slots, a, T(_(o)))
                   ])
                 }))
-              ]), 1032, ["depth", "items", "parent", "identifier", "expandable"])
+              ]), 1032, ["depth", "expandable", "identifier", "items", "parent"])
             ])
           ])
         ], 2)
@@ -96,6 +118,6 @@ const P = { class: "bb-tree-row" }, T = { class: "bb-tree-main-content" }, E = /
   }
 });
 export {
-  E as default
+  I as default
 };
 //# sourceMappingURL=index110.js.map

package/dist/index110.js.map

@@ -1 +1 @@
-{"version":3,"file":"index110.js","sources":["../src/components/BbTree/BbTree.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, resolveComponent as _resolveComponent, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-tree-row\" }\nconst _hoisted_2 = { class: \"bb-tree-main-content\" }\n\nimport { computed } from \"vue\";\n\nexport type TreeItem = {\n  /**\n   * Array of children of the current item. Is the key \n   * with which we can identify whther the node is nested or not.\n   */\n  children?: TreeItem[];\n  /**\n   * Status of the current node. When a node is open \n   * it's children are displayed. Otherwise its children \n   * are hidden.\n   */\n  open?: boolean;\n  [key: symbol | string]: any;\n} & Pick<BbTreeProps, 'expandable'>\n\nexport type BbTreeProps = {\n  /**\n   * Array containing the tree like structure of the items.\n   */\n  items: TreeItem[];\n  /**\n   * Parent of the current node. `undefined` for the first level.\n   */\n  parent?: TreeItem;\n  /**\n   * Identifier of the item.\n   */\n  identifier?: string | number;\n  /**\n   * Current depth of the tree. Starting at 0 for \n   * the first level increasing at every level down.\n   */\n  depth?: number;\n  /**\n   * Defines the item as expandable. It can be a \n   * global boolean defining all items as expandable.\n   * Or it can be a function that receives the item, \n   * depth, and parent of the current node and returns a boolean.\n   */\n  expandable?:\n    | boolean\n    | ((item: TreeItem, depth: number, parent?: TreeItem) => boolean);\n};\n\nexport type BbTreeSlots = {\n  [key: string]: (props: {\n    item: any,\n    parent?: any,\n    depth: number,\n    identifier?: string | number,\n    expandable: boolean,\n  }) => any\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTree',\n  props: {\n    items: { default: () => [] as TreeItem[] },\n    parent: {},\n    identifier: { default: \"id\" },\n    depth: { default: 0 },\n    expandable: { type: [Boolean, Function] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst itemIsOpen = (item: TreeItem) => {\n  /* If the item is not expandable it must be open */\n  if (typeof item.open === \"undefined\") return true;\n  return item.open;\n};\n\nconst internalItems = computed(() => {\n  return props.items.map((item: TreeItem) => {\n    const open = itemIsOpen(item);\n    const expandableProp = item.expandable ?? props.expandable;\n    let expandable = false;\n    if (typeof expandableProp !== \"undefined\") {\n      if (typeof expandableProp === \"function\")\n        expandable = expandableProp(item, props.depth, props.parent);\n      else expandable = expandableProp;\n    }\n    return {\n      children: item.children,\n      depth: props.depth,\n      expandable: expandable,\n      identifier: item[props.identifier],\n      open,\n      original: item,\n      parent: props.parent,\n    };\n  });\n});\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_BbTree = _resolveComponent(\"BbTree\", true)!\n\n  return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(internalItems.value, (item) => {\n    return (_openBlock(), _createElementBlock(\"div\", {\n      class: _normalizeClass([\"bb-tree\", {\n      [`bb-tree--depth-${item.depth}`]: true,\n      'bb-tree--open': item.open,\n    }]),\n      key: item.identifier\n    }, [\n      _createElementVNode(\"div\", _hoisted_1, [\n        _createElementVNode(\"div\", _hoisted_2, [\n          (_ctx.$slots[item.identifier])\n            ? _renderSlot(_ctx.$slots, item.identifier, {\n                key: 0,\n                item: item.original,\n                parent: item.parent,\n                depth: item.depth,\n                identifier: item.identifier,\n                expandable: item.expandable\n              })\n            : (_ctx.$slots[item.depth])\n              ? _renderSlot(_ctx.$slots, item.depth, {\n                  key: 1,\n                  item: item.original,\n                  parent: item.parent,\n                  depth: item.depth,\n                  identifier: item.identifier,\n                  expandable: item.expandable\n                })\n              : _renderSlot(_ctx.$slots, \"default\", {\n                  key: 2,\n                  item: item.original,\n                  parent: item.parent,\n                  depth: item.depth,\n                  identifier: item.identifier,\n                  expandable: item.expandable\n                })\n        ])\n      ]),\n      _createElementVNode(\"div\", {\n        class: _normalizeClass(`bb-tree--depth-${item.depth}-children`)\n      }, [\n        _renderSlot(_ctx.$slots, `${item.depth}-children`, {\n          item: item.original,\n          parent: item.parent,\n          depth: item.depth,\n          identifier: item.identifier,\n          expandable: item.expandable\n        }, () => [\n          _renderSlot(_ctx.$slots, `${item.identifier}-children`, {\n            item: item.original,\n            parent: item.parent,\n            depth: item.depth,\n            identifier: item.identifier,\n            expandable: item.expandable\n          }, () => [\n            _createVNode(_component_BbTree, {\n              depth: item.depth + 1,\n              items: item.children,\n              parent: item,\n              identifier: props.identifier,\n              expandable: _ctx.expandable\n            }, _createSlots({ _: 2 }, [\n              _renderList(_ctx.$slots, (_, name) => {\n                return {\n                  name: name,\n                  fn: _withCtx((data) => [\n                    _renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(data)))\n                  ])\n                }\n              })\n            ]), 1032, [\"depth\", \"items\", \"parent\", \"identifier\", \"expandable\"])\n          ])\n        ])\n      ], 2)\n    ], 2))\n  }), 128))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","itemIsOpen","item","internalItems","computed","open","expandableProp","expandable","_ctx","_cache","_component_BbTree","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createElementVNode","_renderSlot","_createVNode","_createSlots","_","name","_withCtx","data","_normalizeProps","_guardReactiveProps"],"mappings":"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"}
+{"version":3,"file":"index110.js","sources":["../src/components/BbTree/BbTree.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, resolveComponent as _resolveComponent, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-tree-row\" }\nconst _hoisted_2 = { class: \"bb-tree-main-content\" }\n\nimport { flattenTree } from \"@/utilities/functions/flattenTree\";\nimport { computed } from \"vue\";\n\nexport type TreeItem = {\n  /**\n   * Array of children of the current item. Is the key\n   * with which we can identify whther the node is nested or not.\n   */\n  children?: TreeItem[];\n  /**\n   * Status of the current node. When a node is open\n   * it's children are displayed. Otherwise its children\n   * are hidden.\n   */\n  open?: boolean;\n  [key: symbol | string]: any;\n} & Pick<BbTreeProps, \"expandable\">;\n\nexport type BbTreeProps = {\n  /**\n   * Array containing the tree like structure of the items.\n   */\n  items: TreeItem[];\n  /**\n   * Parent of the current node. `undefined` for the first level.\n   */\n  parent?: TreeItem;\n  /**\n   * Identifier of the item.\n   */\n  identifier?: string | number;\n  /**\n   * Current depth of the tree. Starting at 0 for\n   * the first level increasing at every level down.\n   */\n  depth?: number;\n  /**\n   * Defines the item as expandable. It can be a\n   * global boolean defining all items as expandable.\n   * Or it can be a function that receives the item,\n   * depth, and parent of the current node and returns a boolean.\n   */\n  expandable?:\n    | boolean\n    | ((item: TreeItem, depth: number, parent?: TreeItem) => boolean);\n};\n\nexport type BbTreeSlots = {\n  [key: string]: (props: {\n    item: any;\n    parent?: any;\n    index: number;\n    offset: number;\n    open: boolean;\n    depth: number;\n    identifier?: string | number;\n    expandable: boolean;\n  }) => any;\n};\ntype MappedItem = {\n  children: TreeItem[\"children\"];\n  depth: NonNullable<BbTreeProps[\"depth\"]>;\n  expandable: boolean;\n  identifier: any;\n  index: number;\n  offset: number;\n  open: boolean;\n  original: any;\n  parent: BbTreeProps[\"parent\"];\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTree',\n  props: {\n    items: { default: () => [] as TreeItem[] },\n    parent: {},\n    identifier: { default: \"id\" },\n    depth: { default: 0 },\n    expandable: { type: [Boolean, Function] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst itemIsOpen = (item: TreeItem) => {\n  /* If the item is not expandable it must be open */\n  if (typeof item.open === \"undefined\") return true;\n  return item.open;\n};\n\nconst internalItems = computed<MappedItem[]>(() => {\n  let currentOffset = 0;\n\n  return props.items.map((item: TreeItem, index) => {\n    const open = itemIsOpen(item);\n    const expandableProp = item.expandable ?? props.expandable;\n    const offset = currentOffset + 1;\n\n    currentOffset = currentOffset + flattenTree([item], \"children\").length;\n\n    let expandable = false;\n    if (typeof expandableProp !== \"undefined\") {\n      if (typeof expandableProp === \"function\")\n        expandable = expandableProp(item, props.depth, props.parent);\n      else expandable = expandableProp;\n    }\n    return {\n      children: item.children,\n      depth: props.depth,\n      expandable: expandable,\n      identifier: item[props.identifier],\n      offset,\n      index,\n      open,\n      original: item,\n      parent: props.parent,\n    };\n  });\n});\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_BbTree = _resolveComponent(\"BbTree\", true)!\n\n  return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(internalItems.value, (item) => {\n    return (_openBlock(), _createElementBlock(\"div\", {\n      class: _normalizeClass([\"bb-tree\", {\n      [`bb-tree--depth-${item.depth}`]: true,\n      'bb-tree--open': item.open,\n    }]),\n      key: item.identifier\n    }, [\n      _createElementVNode(\"div\", _hoisted_1, [\n        _createElementVNode(\"div\", _hoisted_2, [\n          (_ctx.$slots[item.identifier])\n            ? _renderSlot(_ctx.$slots, item.identifier, {\n                key: 0,\n                depth: item.depth,\n                expandable: item.expandable,\n                identifier: item.identifier,\n                index: item.index,\n                item: item.original,\n                offset: item.offset,\n                open: item.open,\n                parent: item.parent\n              })\n            : (_ctx.$slots[item.depth])\n              ? _renderSlot(_ctx.$slots, item.depth, {\n                  key: 1,\n                  depth: item.depth,\n                  expandable: item.expandable,\n                  identifier: item.identifier,\n                  index: item.index,\n                  item: item.original,\n                  offset: item.offset,\n                  open: item.open,\n                  parent: item.parent\n                })\n              : _renderSlot(_ctx.$slots, 'default', {\n                  key: 2,\n                  depth: item.depth,\n                  expandable: item.expandable,\n                  identifier: item.identifier,\n                  index: item.index,\n                  item: item.original,\n                  offset: item.offset,\n                  open: item.open,\n                  parent: item.parent\n                })\n        ])\n      ]),\n      _createElementVNode(\"div\", {\n        class: _normalizeClass(`bb-tree--depth-${item.depth}-children`)\n      }, [\n        _renderSlot(_ctx.$slots, `${item.depth}-children`, {\n          depth: item.depth,\n          expandable: item.expandable,\n          identifier: item.identifier,\n          index: item.index,\n          item: item.original,\n          offset: item.offset,\n          open: item.open,\n          parent: item.parent\n        }, () => [\n          _renderSlot(_ctx.$slots, `${item.identifier}-children`, {\n            depth: item.depth,\n            expandable: item.expandable,\n            identifier: item.identifier,\n            index: item.index,\n            item: item.original,\n            offset: item.offset,\n            open: item.open,\n            parent: item.parent\n          }, () => [\n            _createVNode(_component_BbTree, {\n              depth: item.depth + 1,\n              expandable: _ctx.expandable,\n              identifier: props.identifier,\n              items: item.children,\n              parent: item\n            }, _createSlots({ _: 2 }, [\n              _renderList(_ctx.$slots, (_, name) => {\n                return {\n                  name: name,\n                  fn: _withCtx((data) => [\n                    _renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(data)))\n                  ])\n                }\n              })\n            ]), 1032, [\"depth\", \"expandable\", \"identifier\", \"items\", \"parent\"])\n          ])\n        ])\n      ], 2)\n    ], 2))\n  }), 128))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","itemIsOpen","item","internalItems","computed","currentOffset","index","open","expandableProp","offset","flattenTree","expandable","_ctx","_cache","_component_BbTree","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createElementVNode","_renderSlot","_createVNode","_createSlots","_","name","_withCtx","data","_normalizeProps","_guardReactiveProps"],"mappings":"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"}

package/dist/index112.js

@@ -1,21 +1,21 @@
 import { defineComponent as c, openBlock as t, createElementBlock as o, createElementVNode as l, renderSlot as i, createTextVNode as r, toDisplayString as p, withModifiers as _, createCommentVNode as d } from "vue";
-const b = { class: "bb-chip" }, h = { class: "bb-chip__content" }, m = ["aria-label", "onClick"], L = {
+const b = { class: "bb-chip" }, h = { class: "bb-chip__content" }, m = ["aria-label", "onClick"], u = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   role: "img",
   "aria-hidden": "true",
   class: "v-icon__svg",
   style: { height: "20px", width: "20px" }
-}, u = /* @__PURE__ */ l("path", {
+}, L = /* @__PURE__ */ l("path", {
   d: "M15 6.375L14.125 5.5L10 9.625L5.875 5.5L5 6.375L9.125 10.5L5 14.625L5.875 15.5L10 11.375L14.125 15.5L15 14.625L10.875 10.5L15 6.375Z",
   fill: "currentColor"
 }, null, -1), f = [
-  u
+  L
 ], C = /* @__PURE__ */ c({
   __name: "BbChip",
   props: {
     text: {},
-    clearable: { type: Boolean },
+    clearable: { type: Boolean, default: !0 },
     clearableLabel: { default: "Elimina" }
   },
   emits: ["click:clear"],
@@ -36,7 +36,7 @@ const b = { class: "bb-chip" }, h = { class: "bb-chip__content" }, m = ["aria-la
         onClick: _(n, ["stop", "prevent"]),
         type: "button"
       }, [
-        (t(), o("svg", L, f))
+        (t(), o("svg", u, f))
       ], 8, m)) : d("", !0)
     ]));
   }

package/dist/index112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index112.js","sources":["../src/components/BbChip/BbChip.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-chip\" }\nconst _hoisted_2 = { class: \"bb-chip__content\" }\nconst _hoisted_3 = [\"aria-label\", \"onClick\"]\nconst _hoisted_4 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 20\",\n  role: \"img\",\n  \"aria-hidden\": \"true\",\n  class: \"v-icon__svg\",\n  style: {\"height\":\"20px\",\"width\":\"20px\"}\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M15 6.375L14.125 5.5L10 9.625L5.875 5.5L5 6.375L9.125 10.5L5 14.625L5.875 15.5L10 11.375L14.125 15.5L15 14.625L10.875 10.5L15 6.375Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\n\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbChipProps = Pick<CommonProps, \"text\"> & {\n  /**\n   * Renders a button with a close icon. Used to indicate the possibility of deleting the item.\n   */\n  clearable?: true;\n  /**\n   * The label the clearing button must have\n   */\n  clearableLabel?: string;\n};\n\nexport type BbChipEvents = {\n  (e: \"click:clear\", event: MouseEvent): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbChip',\n  props: {\n    text: {},\n    clearable: { type: Boolean },\n    clearableLabel: { default: \"Elimina\" }\n  },\n  emits: [\"click:clear\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\n\n\nconst emit = __emit;\nconst onClear = (event: MouseEvent) => {\n  emit(\"click:clear\", event);\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _hoisted_1, [\n    _createElementVNode(\"span\", _hoisted_2, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createTextVNode(_toDisplayString(_ctx.text), 1)\n      ])\n    ]),\n    (_ctx.clearable)\n      ? (_openBlock(), _createElementBlock(\"button\", {\n          key: 0,\n          \"aria-label\": _ctx.clearableLabel,\n          class: \"bb-chip__clear-button\",\n          onClick: _withModifiers(onClear, [\"stop\",\"prevent\"]),\n          type: \"button\"\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", _hoisted_4, _hoisted_6))\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__emit","emit","onClear","event","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_withModifiers","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,EAAE,OAAO,sBACtBC,IAAa,CAAC,cAAc,SAAS,GACrCC,IAAa;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,OAAO,EAAC,QAAS,QAAO,OAAQ,OAAM;AACxC,GACMC,sBAA8C,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE,GACLC,IAAa;AAAA,EACjBD;AACF,GAoB4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,CAAC;AAAA,IACP,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,gBAAgB,EAAE,SAAS,UAAU;AAAA,EACvC;AAAA,EACA,OAAO,CAAC,aAAa;AAAA,EACrB,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAMxC,UAAMC,IAAOD,GACPE,IAAU,CAACC,MAAsB;AACrC,MAAAF,EAAK,eAAeE,CAAK;AAAA,IAAA;AAGpB,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,QAAQhB,GAAY;AAAA,MAC5DiB,EAAoB,QAAQhB,GAAY;AAAA,QACtCiB,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBP,EAAK,IAAI,GAAG,CAAC;AAAA,QAAA,CAChD;AAAA,MAAA,CACF;AAAA,MACAA,EAAK,aACDE,KAAcC,EAAoB,UAAU;AAAA,QAC3C,KAAK;AAAA,QACL,cAAcH,EAAK;AAAA,QACnB,OAAO;AAAA,QACP,SAASQ,EAAeV,GAAS,CAAC,QAAO,SAAS,CAAC;AAAA,QACnD,MAAM;AAAA,MAAA,GACL;AAAA,SACAI,EAAW,GAAGC,EAAoB,OAAOb,GAAYE,CAAU;AAAA,SAC/D,GAAGH,CAAU,KAChBoB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"index112.js","sources":["../src/components/BbChip/BbChip.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-chip\" }\nconst _hoisted_2 = { class: \"bb-chip__content\" }\nconst _hoisted_3 = [\"aria-label\", \"onClick\"]\nconst _hoisted_4 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 20\",\n  role: \"img\",\n  \"aria-hidden\": \"true\",\n  class: \"v-icon__svg\",\n  style: {\"height\":\"20px\",\"width\":\"20px\"}\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M15 6.375L14.125 5.5L10 9.625L5.875 5.5L5 6.375L9.125 10.5L5 14.625L5.875 15.5L10 11.375L14.125 15.5L15 14.625L10.875 10.5L15 6.375Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\n\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbChipProps = Pick<CommonProps, \"text\"> & {\n  /**\n   * Renders a button with a close icon. Used to indicate the possibility of deleting the item.\n   */\n  clearable?: boolean;\n  /**\n   * The label the clearing button must have\n   */\n  clearableLabel?: string;\n};\n\nexport type BbChipEvents = {\n  (e: \"click:clear\", event: MouseEvent): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbChip',\n  props: {\n    text: {},\n    clearable: { type: Boolean, default: true },\n    clearableLabel: { default: \"Elimina\" }\n  },\n  emits: [\"click:clear\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\n\n\nconst emit = __emit;\nconst onClear = (event: MouseEvent) => {\n  emit(\"click:clear\", event);\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _hoisted_1, [\n    _createElementVNode(\"span\", _hoisted_2, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createTextVNode(_toDisplayString(_ctx.text), 1)\n      ])\n    ]),\n    (_ctx.clearable)\n      ? (_openBlock(), _createElementBlock(\"button\", {\n          key: 0,\n          \"aria-label\": _ctx.clearableLabel,\n          class: \"bb-chip__clear-button\",\n          onClick: _withModifiers(onClear, [\"stop\",\"prevent\"]),\n          type: \"button\"\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", _hoisted_4, _hoisted_6))\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__emit","emit","onClear","event","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_withModifiers","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,EAAE,OAAO,sBACtBC,IAAa,CAAC,cAAc,SAAS,GACrCC,IAAa;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,OAAO,EAAC,QAAS,QAAO,OAAQ,OAAM;AACxC,GACMC,sBAA8C,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE,GACLC,IAAa;AAAA,EACjBD;AACF,GAoB4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,CAAC;AAAA,IACP,WAAW,EAAE,MAAM,SAAS,SAAS,GAAK;AAAA,IAC1C,gBAAgB,EAAE,SAAS,UAAU;AAAA,EACvC;AAAA,EACA,OAAO,CAAC,aAAa;AAAA,EACrB,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAMxC,UAAMC,IAAOD,GACPE,IAAU,CAACC,MAAsB;AACrC,MAAAF,EAAK,eAAeE,CAAK;AAAA,IAAA;AAGpB,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,QAAQhB,GAAY;AAAA,MAC5DiB,EAAoB,QAAQhB,GAAY;AAAA,QACtCiB,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBP,EAAK,IAAI,GAAG,CAAC;AAAA,QAAA,CAChD;AAAA,MAAA,CACF;AAAA,MACAA,EAAK,aACDE,KAAcC,EAAoB,UAAU;AAAA,QAC3C,KAAK;AAAA,QACL,cAAcH,EAAK;AAAA,QACnB,OAAO;AAAA,QACP,SAASQ,EAAeV,GAAS,CAAC,QAAO,SAAS,CAAC;AAAA,QACnD,MAAM;AAAA,MAAA,GACL;AAAA,SACAI,EAAW,GAAGC,EAAoB,OAAOb,GAAYE,CAAU;AAAA,SAC/D,GAAGH,CAAU,KAChBoB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/index113.js

@@ -1,6 +1,6 @@
 import { defineComponent as i, ref as a, watch as s, computed as u, openBlock as c, createElementBlock as p, normalizeProps as d, guardReactiveProps as m, createElementVNode as b, renderSlot as v, createCommentVNode as f } from "vue";
 import { wait as V } from "./index119.js";
-import { throttle as _ } from "./index194.js";
+import { throttle as _ } from "./index195.js";
 const h = { class: "bb-collapsible__content" }, k = /* @__PURE__ */ i({
   __name: "BbCollapsible",
   props: {

package/dist/index113.js.map

@@ -1 +1 @@
-{"version":3,"file":"index113.js","sources":["../src/components/BbCollapsible/BbCollapsible.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-collapsible__content\" }\n\nimport { wait } from \"@/utilities/functions/wait\";\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { computed, ref, watch } from \"vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbCollapsibleProps = Pick<CommonProps, 'eager' | 'transitionDuration'> & {\n  /**\n   * Used by v-model to trigger opening / closing the collapsible\n   */\n  modelValue?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbCollapsible',\n  props: {\n    eager: { type: Boolean },\n    transitionDuration: { default: 250 },\n    modelValue: { type: Boolean }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst visible = ref(props.modelValue);\nconst hasRenderedOnce = ref(visible.value);\n\n/**\n * Every time model value changes if content is going to be expanded\n * make it visible straight away.\n * If content id going to be collapsed wait for end of \n * transition before hiding from keyboard navigation\n */\nwatch(\n  () => props.modelValue,\n  throttle(async (value) => {\n    if (value) {\n      hasRenderedOnce.value = true;\n      visible.value = true;\n    } else {\n      await wait(props.transitionDuration);\n      visible.value = false;\n    }\n  }, props.transitionDuration)\n);\nconst collapsibleAttributes = computed(() => {\n  return {\n    \"aria-expanded\": props.modelValue,\n    class: {\n      \"bb-collapsible\": true,\n      \"bb-collapsible--open\": props.modelValue,\n      \"bb-collapsible--closed\": !props.modelValue,\n      \"bb-collapsible--invisible\": !visible.value,\n    },\n    style: {\n      transitionDuration: props.transitionDuration + \"ms\",\n    },\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _normalizeProps(_guardReactiveProps(collapsibleAttributes.value)), [\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.eager || hasRenderedOnce.value)\n        ? _renderSlot(_ctx.$slots, \"default\", { key: 0 })\n        : _createCommentVNode(\"\", true)\n    ])\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","visible","ref","hasRenderedOnce","watch","throttle","value","wait","collapsibleAttributes","computed","_ctx","_cache","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_createElementVNode","_renderSlot","_createCommentVNode"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,6BAeAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,oBAAoB,EAAE,SAAS,IAAI;AAAA,IACnC,YAAY,EAAE,MAAM,QAAQ;AAAA,EAC9B;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAUC,EAAIF,EAAM,UAAU,GAC9BG,IAAkBD,EAAID,EAAQ,KAAK;AAQzC,IAAAG;AAAA,MACE,MAAMJ,EAAM;AAAA,MACZK,EAAS,OAAOC,MAAU;AACxB,QAAIA,KACFH,EAAgB,QAAQ,IACxBF,EAAQ,QAAQ,OAEV,MAAAM,EAAKP,EAAM,kBAAkB,GACnCC,EAAQ,QAAQ;AAAA,MAClB,GACCD,EAAM,kBAAkB;AAAA,IAAA;AAEvB,UAAAQ,IAAwBC,EAAS,OAC9B;AAAA,MACL,iBAAiBT,EAAM;AAAA,MACvB,OAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,wBAAwBA,EAAM;AAAA,QAC9B,0BAA0B,CAACA,EAAM;AAAA,QACjC,6BAA6B,CAACC,EAAQ;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL,oBAAoBD,EAAM,qBAAqB;AAAA,MACjD;AAAA,IAAA,EAEH;AAEM,WAAA,CAACU,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAOC,EAAgBC,EAAoBP,EAAsB,KAAK,CAAC,GAAG;AAAA,MAClHQ,EAAoB,OAAOpB,GAAY;AAAA,QACpCc,EAAK,SAASP,EAAgB,QAC3Bc,EAAYP,EAAK,QAAQ,WAAW,EAAE,KAAK,EAAG,CAAA,IAC9CQ,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,OACA,EAAE;AAAA,EAEP;AAEA,CAAC;"}
+{"version":3,"file":"index113.js","sources":["../src/components/BbCollapsible/BbCollapsible.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-collapsible__content\" }\n\nimport { wait } from \"@/utilities/functions/wait\";\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { computed, ref, watch } from \"vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbCollapsibleProps = Pick<CommonProps, 'eager' | 'transitionDuration'> & {\n  /**\n   * Used by v-model to trigger opening / closing the collapsible\n   */\n  modelValue: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbCollapsible',\n  props: {\n    eager: { type: Boolean },\n    transitionDuration: { default: 250 },\n    modelValue: { type: Boolean }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst visible = ref(props.modelValue);\nconst hasRenderedOnce = ref(visible.value);\n\n/**\n * Every time model value changes if content is going to be expanded\n * make it visible straight away.\n * If content id going to be collapsed wait for end of \n * transition before hiding from keyboard navigation\n */\nwatch(\n  () => props.modelValue,\n  throttle(async (value) => {\n    if (value) {\n      hasRenderedOnce.value = true;\n      visible.value = true;\n    } else {\n      await wait(props.transitionDuration);\n      visible.value = false;\n    }\n  }, props.transitionDuration)\n);\nconst collapsibleAttributes = computed(() => {\n  return {\n    \"aria-expanded\": props.modelValue,\n    class: {\n      \"bb-collapsible\": true,\n      \"bb-collapsible--open\": props.modelValue,\n      \"bb-collapsible--closed\": !props.modelValue,\n      \"bb-collapsible--invisible\": !visible.value,\n    },\n    style: {\n      transitionDuration: props.transitionDuration + \"ms\",\n    },\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _normalizeProps(_guardReactiveProps(collapsibleAttributes.value)), [\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.eager || hasRenderedOnce.value)\n        ? _renderSlot(_ctx.$slots, \"default\", { key: 0 })\n        : _createCommentVNode(\"\", true)\n    ])\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","visible","ref","hasRenderedOnce","watch","throttle","value","wait","collapsibleAttributes","computed","_ctx","_cache","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_createElementVNode","_renderSlot","_createCommentVNode"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,6BAeAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,oBAAoB,EAAE,SAAS,IAAI;AAAA,IACnC,YAAY,EAAE,MAAM,QAAQ;AAAA,EAC9B;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAUC,EAAIF,EAAM,UAAU,GAC9BG,IAAkBD,EAAID,EAAQ,KAAK;AAQzC,IAAAG;AAAA,MACE,MAAMJ,EAAM;AAAA,MACZK,EAAS,OAAOC,MAAU;AACxB,QAAIA,KACFH,EAAgB,QAAQ,IACxBF,EAAQ,QAAQ,OAEV,MAAAM,EAAKP,EAAM,kBAAkB,GACnCC,EAAQ,QAAQ;AAAA,MAClB,GACCD,EAAM,kBAAkB;AAAA,IAAA;AAEvB,UAAAQ,IAAwBC,EAAS,OAC9B;AAAA,MACL,iBAAiBT,EAAM;AAAA,MACvB,OAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,wBAAwBA,EAAM;AAAA,QAC9B,0BAA0B,CAACA,EAAM;AAAA,QACjC,6BAA6B,CAACC,EAAQ;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL,oBAAoBD,EAAM,qBAAqB;AAAA,MACjD;AAAA,IAAA,EAEH;AAEM,WAAA,CAACU,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAOC,EAAgBC,EAAoBP,EAAsB,KAAK,CAAC,GAAG;AAAA,MAClHQ,EAAoB,OAAOpB,GAAY;AAAA,QACpCc,EAAK,SAASP,EAAgB,QAC3Bc,EAAYP,EAAK,QAAQ,WAAW,EAAE,KAAK,EAAG,CAAA,IAC9CQ,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,OACA,EAAE;AAAA,EAEP;AAEA,CAAC;"}

package/dist/index114.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, getCurrentInstance as d, inject as x, computed as l, ref as y, watchEffect as _, openBlock as b, createElementBlock as h, mergeProps as w } from "vue";
-import { isCssColor as z } from "./index189.js";
+import { isCssColor as z } from "./index191.js";
 const g = ["innerHTML"], $ = /* @__PURE__ */ m({
   __name: "BbIcon",
   props: {

package/dist/index115.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index194.js";
+import { throttle as g } from "./index195.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {