bitboss-ui 0.2.76 → 1.0.0

package/dist/index11.js

@@ -1,132 +1,2 @@
-import { defineComponent as B, ref as h, computed as n, watch as L, openBlock as c, createElementBlock as i, normalizeClass as E, normalizeProps as p, mergeProps as d, createCommentVNode as I, createElementVNode as l, renderSlot as F, guardReactiveProps as M } from "vue";
-import { isCssColor as f } from "./index219.js";
-import { when as N } from "./index220.js";
-const A = {
-  "aria-hidden": "true",
-  class: "bb-base-checkbox-container"
-}, S = /* @__PURE__ */ l("path", {
-  d: "M 380.93 158.834 L 286.863 158.834 C 281.088 158.834 276.411 163.511 276.411 169.286 L 276.411 263.352 C 276.411 269.127 281.088 273.804 286.863 273.804 L 380.93 273.804 C 386.704 273.804 391.382 269.127 391.382 263.352 L 391.382 169.286 C 391.382 163.511 386.699 158.834 380.93 158.834 Z",
-  style: {}
-}, null, -1), J = /* @__PURE__ */ l("path", {
-  d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-  fill: "none",
-  stroke: "white",
-  "stroke-linecap": "round",
-  "stroke-width": "14px"
-}, null, -1), O = [
-  S,
-  J
-], K = /* @__PURE__ */ B({
-  __name: "BaseCheckbox",
-  props: {
-    autofocus: {},
-    checked: {},
-    color: {},
-    disabled: { type: Boolean },
-    falseValue: { default: !1 },
-    hasErrors: { type: Boolean },
-    id: {},
-    indeterminate: {},
-    name: {},
-    readonly: {},
-    submitWhenFalse: { type: Boolean },
-    trueValue: { default: !0 },
-    modelValue: {}
-  },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(k, { emit: v }) {
-    const e = k, a = v, u = h(null), s = n(() => e.checked ? !0 : JSON.stringify(e.trueValue) === JSON.stringify(e.modelValue)), r = h(!1), y = n(() => ({
-      "bb-base-checkbox": !0,
-      "bb-base-checkbox--disabled": e.disabled,
-      "bb-base-checkbox--errors": e.hasErrors,
-      "bb-base-checkbox--indeterminate": e.indeterminate,
-      "bb-base-checkbox--readonly": e.readonly,
-      [`bb-base-checkbox--${e.color}`]: e.color && !f(e.color)
-    })), b = N(
-      (t) => typeof t != "string",
-      JSON.stringify
-    ), V = n(() => {
-      const t = b(e.falseValue);
-      return {
-        disabled: e.disabled,
-        name: e.name,
-        type: "hidden",
-        value: t
-      };
-    }), m = n(() => {
-      const t = b(e.trueValue), C = {
-        onBlur: (o) => {
-          r.value = !1, a("blur", o);
-        },
-        onChange: (o) => {
-          if (o.target instanceof HTMLInputElement) {
-            let w = o.target.checked ? e.trueValue : e.falseValue;
-            a("change", o), a("update:modelValue", w);
-          }
-        },
-        onClick: (o) => a("click", o),
-        onFocus: (o) => {
-          r.value = !0, a("focus", o);
-        },
-        onKeydown: (o) => a("keydown", o),
-        onMousedown: (o) => a("mousedown", o),
-        onMouseup: (o) => a("mouseup", o),
-        onInput: (o) => a("input", o)
-      };
-      return {
-        autofocus: e.autofocus,
-        checked: s.value,
-        // There is no such thing as readonly checkbox so we disable and style it with css
-        disabled: e.disabled || e.readonly,
-        id: e.id,
-        indeterminate: e.indeterminate,
-        name: e.name,
-        tabindex: e.disabled ? -1 : void 0,
-        type: "checkbox",
-        value: t,
-        ...C
-      };
-    }), x = n(() => ({
-      checked: s.value,
-      disabled: e.disabled,
-      falseValue: e.falseValue,
-      focused: r.value,
-      hasErrors: e.hasErrors,
-      id: e.id,
-      name: e.name,
-      parsedValue: m.value.value,
-      readonly: e.readonly,
-      trueValue: e.trueValue,
-      value: s.value ? e.trueValue : e.falseValue
-    })), _ = n(() => {
-      let t = {};
-      return e.color && f(e.color) && (t.color = e.color), {
-        class: "bb-base-checkbox-container__icon",
-        style: t
-      };
-    });
-    return L(
-      () => [e.modelValue, e.checked, e.indeterminate],
-      () => {
-        u.value && (u.value.indeterminate = !!e.indeterminate);
-      }
-    ), (t, g) => (c(), i("span", {
-      class: E(y.value)
-    }, [
-      !s.value && t.submitWhenFalse ? (c(), i("input", p(d({ key: 0 }, V.value)), null, 16)) : I("", !0),
-      l("input", d(m.value, {
-        ref_key: "checkboxInput",
-        ref: u
-      }), null, 16),
-      l("span", A, [
-        F(t.$slots, "icon", p(M(x.value)), () => [
-          (c(), i("svg", d({ viewBox: "276.411 158.834 114.971 114.97" }, _.value), O, 16))
-        ])
-      ])
-    ], 2));
-  }
-});
-export {
-  K as default
-};
+
 //# sourceMappingURL=index11.js.map

package/dist/index11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index11.js","sources":["../src/components/BaseCheckbox/BaseCheckbox.vue"],"sourcesContent":["<template>\n\t<span :class=\"classes\">\n\t\t<input v-if=\"!checked && submitWhenFalse\" v-bind=\"hiddenInputAttributes\" />\n\t\t<input v-bind=\"inputAttributes\" ref=\"checkboxInput\" />\n\t\t<span aria-hidden=\"true\" class=\"bb-base-checkbox-container\">\n\t\t\t<slot name=\"icon\" v-bind=\"slotAttributes\">\n\t\t\t\t<svg viewBox=\"276.411 158.834 114.971 114.97\" v-bind=\"iconAttributes\">\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M 380.93 158.834 L 286.863 158.834 C 281.088 158.834 276.411 163.511 276.411 169.286 L 276.411 263.352 C 276.411 269.127 281.088 273.804 286.863 273.804 L 380.93 273.804 C 386.704 273.804 391.382 269.127 391.382 263.352 L 391.382 169.286 C 391.382 163.511 386.699 158.834 380.93 158.834 Z\"\n\t\t\t\t\t\tstyle=\"\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M 297.574 224.786 L 318.309 243.134 L 371.568 189.232\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-width=\"14px\"\n\t\t\t\t\t></path>\n\t\t\t\t</svg>\n\t\t\t</slot>\n\t\t</span>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport { when } from '@/utilities/functions/when';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BaseCheckboxProps = {\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Defines the input as checked\n\t */\n\tchecked?: InputHTMLAttributes['checked'];\n\n\t/**\n\t * Define a color for the component.\n\t *\n\t * Either a custom color or a coded color in common HEX, RGB, etc... format.\n\t */\n\tcolor?: string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Value of the input when unchecked. It handles any kind of serializable object.\n\t */\n\tfalseValue?: any;\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Sets the input in an indeterminate state.\n\t */\n\tindeterminate?: InputHTMLAttributes['indeterminate'];\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Will submit \"falseValue\" if the input is not checked. Otherwise \"trueValue\" will be submitted.\n\t */\n\tsubmitWhenFalse?: boolean;\n\n\t/**\n\t * Value of the input when checked. It handles any kind of serializable object.\n\t */\n\ttrueValue?: any;\n\t/**\n\t * Used by v-model. Can be any serializable type.\n\t */\n\tmodelValue?: any;\n};\n\nexport type BaseCheckboxEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'change', event: Event): void;\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'input', event: Event): void;\n\t(e: 'keydown', event: KeyboardEvent): void;\n\t(e: 'mousedown', event: MouseEvent): void;\n\t(e: 'mouseup', event: MouseEvent): void;\n\t(e: 'update:modelValue', value: any): void;\n};\n\nexport type SlotAttributes = {\n\tchecked: boolean;\n\tdisabled: Exclude<BaseCheckboxProps['disabled'], undefined>;\n\tfalseValue: any;\n\tfocused: boolean;\n\thasErrors: Exclude<BaseCheckboxProps['hasErrors'], undefined>;\n\tid: BaseCheckboxProps['id'];\n\tname: BaseCheckboxProps['name'];\n\tparsedValue: any;\n\treadonly: BaseCheckboxProps['readonly'];\n\ttrueValue: any;\n\tvalue: any;\n};\n\nconst props = withDefaults(defineProps<BaseCheckboxProps>(), {\n\ttrueValue: true,\n\tfalseValue: false,\n});\n\nconst emit = defineEmits<BaseCheckboxEvents>();\n\ndefineSlots<{\n\ticon?: (props: SlotAttributes) => any;\n}>();\n\nconst checkboxInput = ref<HTMLInputElement | null>(null);\n\nconst checked = computed(() => {\n\tif (props.checked) return true;\n\treturn JSON.stringify(props.trueValue) === JSON.stringify(props.modelValue);\n});\nconst hasFocus = ref(false);\n\nconst classes = computed(() => {\n\treturn {\n\t\t'bb-base-checkbox': true,\n\t\t'bb-base-checkbox--disabled': props.disabled,\n\t\t'bb-base-checkbox--errors': props.hasErrors,\n\t\t'bb-base-checkbox--indeterminate': props.indeterminate,\n\t\t'bb-base-checkbox--readonly': props.readonly,\n\t\t[`bb-base-checkbox--${props.color}`]:\n\t\t\tprops.color && !isCssColor(props.color),\n\t};\n});\n\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n\t(item: unknown) => typeof item !== 'string',\n\tJSON.stringify\n);\n\nconst hiddenInputAttributes = computed(() => {\n\tconst value = makeInputValue(props.falseValue);\n\treturn {\n\t\tdisabled: props.disabled,\n\t\tname: props.name,\n\t\ttype: 'hidden',\n\t\tvalue: value,\n\t};\n});\n\nconst inputAttributes = computed(() => {\n\tconst value = makeInputValue(props.trueValue);\n\n\tconst onBlur = (event: FocusEvent): void => {\n\t\thasFocus.value = false;\n\t\temit('blur', event);\n\t};\n\n\tconst onChange = (event: Event): void => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tlet value = event.target.checked ? props.trueValue : props.falseValue;\n\n\t\t\temit('change', event);\n\t\t\temit('update:modelValue', value);\n\t\t}\n\t};\n\n\tconst onFocus = (event: FocusEvent): void => {\n\t\thasFocus.value = true;\n\t\temit('focus', event);\n\t};\n\n\tconst eventListeners = {\n\t\tonBlur,\n\t\tonChange,\n\t\tonClick: (event: MouseEvent) => emit('click', event),\n\t\tonFocus,\n\t\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\t\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\t\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t\tonInput: (event: Event) => emit('input', event),\n\t};\n\n\treturn {\n\t\tautofocus: props.autofocus,\n\t\tchecked: checked.value,\n\t\t// There is no such thing as readonly checkbox so we disable and style it with css\n\t\tdisabled: props.disabled || props.readonly,\n\t\tid: props.id,\n\t\tindeterminate: props.indeterminate,\n\t\tname: props.name,\n\t\ttabindex: props.disabled ? -1 : undefined,\n\t\ttype: 'checkbox',\n\t\tvalue: value,\n\t\t...eventListeners,\n\t};\n});\n\nconst slotAttributes = computed(() => ({\n\tchecked: checked.value,\n\tdisabled: props.disabled,\n\tfalseValue: props.falseValue,\n\tfocused: hasFocus.value,\n\thasErrors: props.hasErrors,\n\tid: props.id,\n\tname: props.name,\n\tparsedValue: inputAttributes.value.value,\n\treadonly: props.readonly,\n\ttrueValue: props.trueValue,\n\tvalue: checked.value ? props.trueValue : props.falseValue,\n}));\n\nconst iconAttributes = computed(() => {\n\tlet style: { [key: string]: string } = {};\n\tif (props.color && isCssColor(props.color)) {\n\t\tstyle.color = props.color;\n\t}\n\treturn {\n\t\tclass: 'bb-base-checkbox-container__icon',\n\t\tstyle,\n\t};\n});\n\n/**\n * Indeterminate is a very volatile prop that is reset upon clicking,\n * this keeps the state and the prop aligned\n */\nwatch(\n\t() => [props.modelValue, props.checked, props.indeterminate],\n\t() => {\n\t\tif (checkboxInput.value) {\n\t\t\tcheckboxInput.value.indeterminate = !!props.indeterminate;\n\t\t}\n\t}\n);\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BaseCheckbox';\n</style>\n"],"names":["props","__props","emit","__emit","checkboxInput","ref","checked","computed","hasFocus","classes","isCssColor","makeInputValue","when","item","hiddenInputAttributes","value","inputAttributes","eventListeners","event","slotAttributes","iconAttributes","style","watch"],"mappings":"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"}
+{"version":3,"file":"index11.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index110.js

@@ -1,2 +1,30 @@
-
+import { defineComponent as s, openBlock as e, createBlock as o, Teleport as l, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as p, withCtx as u, createElementBlock as d, Fragment as f, renderList as _, unref as r, mergeProps as b } from "vue";
+import { state as k, useToast as C } from "./index6.js";
+import B from "./index245.js";
+const N = /* @__PURE__ */ s({
+  __name: "BbToast",
+  props: {
+    placement: { default: "bottom" }
+  },
+  setup(T) {
+    const { dismiss: n } = C();
+    return (a, h) => (e(), o(l, { to: "body" }, [
+      c("div", {
+        class: m(["bb-toast", { [`bb-toast--${a.placement}`]: !0 }])
+      }, [
+        i(p, { name: "toast" }, {
+          default: u(() => [
+            (e(!0), d(f, null, _(r(k).stack, (t) => (e(), o(B, b({
+              key: t.id
+            }, t, { "onClick:close": r(n) }), null, 16, ["onClick:close"]))), 128))
+          ]),
+          _: 1
+        })
+      ], 2)
+    ]));
+  }
+});
+export {
+  N as default
+};
 //# sourceMappingURL=index110.js.map

package/dist/index110.js.map

@@ -1 +1 @@
-{"version":3,"file":"index110.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index110.js","sources":["../src/components/BbToast/BbToast.vue"],"sourcesContent":["<template>\n\t<teleport to=\"body\">\n\t\t<div class=\"bb-toast\" :class=\"{ [`bb-toast--${placement}`]: true }\">\n\t\t\t<TransitionGroup name=\"toast\">\n\t\t\t\t<BbToastMessage\n\t\t\t\t\tv-for=\"message in state.stack\"\n\t\t\t\t\t:key=\"message.id\"\n\t\t\t\t\tv-bind=\"message\"\n\t\t\t\t\t@click:close=\"dismiss\"\n\t\t\t\t/>\n\t\t\t</TransitionGroup>\n\t\t</div>\n\t</teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport { state, useToast } from '../../composables/useToast';\nconst { dismiss } = useToast();\n\nimport BbToastMessage from './BbToastMessage.vue';\nexport type BbToastProps = {\n\t/**\n\t * Placement of the messages on the screen.\n\t */\n\tplacement?:\n\t\t| 'bottom'\n\t\t| 'bottom-start'\n\t\t| 'bottom-end'\n\t\t| 'top'\n\t\t| 'top-start'\n\t\t| 'top-end';\n};\n\nwithDefaults(defineProps<BbToastProps>(), {\n\tplacement: 'bottom',\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbToast';\n</style>\n"],"names":["dismiss","useToast"],"mappings":";;;;;;;;;AAiBM,UAAA,EAAE,SAAAA,MAAYC;;;;;;;;;;;;;;;;;"}

package/dist/index111.js

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

package/dist/index111.js.map

@@ -1 +1 @@
-{"version":3,"file":"index111.js","sources":["../src/components/BbTooltip/BbTooltip.vue"],"sourcesContent":["<template>\n\t<span class=\"bb-tooltip\" v-bind=\"attributes\">\n\t\t<span ref=\"wrapper\" class=\"bb-tooltip__wrapper\">\n\t\t\t<slot\n\t\t\t\tname=\"activator\"\n\t\t\t\tv-bind=\"{\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...(hasOpenedOnce ? { 'aria-describedby': id } : {}),\n\t\t\t\t\t\tonMouseenter,\n\t\t\t\t\t\tonFocus,\n\t\t\t\t\t\tonBlur: closeTooltip,\n\t\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\t},\n\t\t\t\t\tclosed: closed,\n\t\t\t\t\tclosing: closing,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\topen: open,\n\t\t\t\t\topening: opening,\n\t\t\t\t\tplacement: placement,\n\t\t\t\t}\"\n\t\t\t></slot>\n\t\t</span>\n\t\t<teleport to=\"body\">\n\t\t\t<span\n\t\t\t\tv-if=\"hasOpenedOnce || eager\"\n\t\t\t\t:id=\"id\"\n\t\t\t\tref=\"content\"\n\t\t\t\tclass=\"bb-tooltip__bubble-container\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t[`bb-tooltip__bubble-container--${placement}`]: true,\n\t\t\t\t\t[`bb-tooltip__bubble-container--${theme}`]: theme,\n\t\t\t\t\t'bb-tooltip__bubble-container--hidden': closed,\n\t\t\t\t\t'bb-tooltip__bubble-container--closing': closing,\n\t\t\t\t\t'bb-tooltip__bubble-container--opening': opening,\n\t\t\t\t\t'bb-tooltip__bubble-container--open': open,\n\t\t\t\t}\"\n\t\t\t\t:style=\"{\n\t\t\t\t\t...floatingStyles,\n\t\t\t\t\ttransitionDuration: `${props.transitionDuration}ms`,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tref=\"bubblearrow\"\n\t\t\t\t\tclass=\"bb-tooltip__arrow\"\n\t\t\t\t\tv-bind=\"arrowAttributes\"\n\t\t\t\t></span>\n\t\t\t\t<span class=\"bb-tooltip__bubble\">\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\tv-if=\"showClose\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"bb-tooltip__close\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t@click=\"onClickClose\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M23 23L1 1M23 1L1 23\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</BaseButton>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</teleport>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { useFloating, autoUpdate, flip, shift, arrow } 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';\nimport type { Placement } from '@floating-ui/vue';\nimport { throttle } from '@/utilities/functions/throttle';\nimport { waitFor } from '@/utilities/functions/waitFor';\n\nexport type BbTooltipProps = Pick<\n\tCommonProps,\n\t| 'arrowPadding'\n\t| 'block'\n\t| 'disabled'\n\t| 'eager'\n\t| 'id'\n\t| 'padding'\n\t| 'placement'\n\t| 'showClose'\n\t| 'theme'\n\t| 'transitionDuration'\n>;\n\nconst props = withDefaults(defineProps<BbTooltipProps>(), {\n\tarrowPadding: 10,\n\tpadding: 10,\n\tplacement: 'top',\n\tshowClose: true,\n\ttheme: 'default',\n\ttransitionDuration: 150,\n});\n\ntype BbTooltipSlots = {\n\tactivator?: (props: {\n\t\tprops: {\n\t\t\t'aria-describedby': string;\n\t\t\tonMouseenter: typeof onMouseenter;\n\t\t\tonFocus: typeof onFocus;\n\t\t\tonBlur: typeof closeTooltip;\n\t\t};\n\t\tclosed: boolean;\n\t\tclosing: boolean;\n\t\tdisabled?: boolean;\n\t\topen: boolean;\n\t\topening: boolean;\n\t\tplacement: Placement;\n\t}) => any;\n\tdefault?: (props: object) => any;\n};\n\ndefineSlots<BbTooltipSlots>();\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\twrapper,\n\tcontent,\n\t{\n\t\tplacement: props.placement,\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware: [\n\t\t\tflip(),\n\t\t\tshift({ padding: props.padding }),\n\t\t\tarrow({\n\t\t\t\telement: bubblearrow,\n\t\t\t\tpadding: props.arrowPadding,\n\t\t\t}),\n\t\t],\n\t}\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\tif (middlewareData.value.arrow) {\n\t\tconst { x, y } = middlewareData.value.arrow;\n\t\treturn {\n\t\t\tstyle: {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t},\n\t\t};\n\t}\n\treturn undefined;\n});\n\nconst onMouseenter = () => {\n\tif (open.value || opening.value || props.disabled) return;\n\topenTooltip();\n\tdocument.addEventListener('mouseover', onMouseOver, { passive: true });\n\tdocument.addEventListener('keydown', onEsc, { passive: true });\n};\n\nconst onFocus = onMouseenter;\n\nconst onMouseOver = throttle((event: Event) => {\n\tconst target = event.target;\n\tif (!target) return;\n\tif (target instanceof HTMLElement) {\n\t\tlet isOutside = true;\n\n\t\tif (wrapper.value) {\n\t\t\tif (wrapper.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\t\tif (content.value) {\n\t\t\tif (content.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\n\t\tif (isOutside) {\n\t\t\tcloseTooltip();\n\t\t}\n\t}\n}, props.transitionDuration);\n\nconst onEsc = (event: KeyboardEvent) => {\n\tif (open.value) {\n\t\tif (event.key === 'Escape') {\n\t\t\tcloseTooltip();\n\t\t}\n\t}\n};\n\n/* On click of close button tooltip is disallowed from reappearing */\nconst onClickClose = () => {\n\tcanOpen.value = false;\n\tcloseTooltip();\n};\n\nconst hasOpenedOnce = ref(false);\nconst openTooltip = throttle(async () => {\n\tif (!canOpen.value) return;\n\thasOpenedOnce.value = true;\n\tclosed.value = false;\n\tclosing.value = false;\n\topening.value = true;\n\tawait wait(50);\n\topen.value = true;\n\topening.value = false;\n}, props.transitionDuration);\n\nconst closeTooltip = throttle(async () => {\n\tawait waitFor(() => !opening.value);\n\tdocument.removeEventListener('mouseover', onMouseOver);\n\tdocument.removeEventListener('keydown', onEsc);\n\topen.value = false;\n\topening.value = false;\n\tclosing.value = true;\n\tawait wait(props.transitionDuration);\n\tclosing.value = false;\n\tclosed.value = true;\n}, props.transitionDuration);\n\nconst attributes = computed(() => {\n\tconst classes = {\n\t\t'bb-tooltip--block': props.block,\n\t\t[`bb-tooltip--theme-${props.theme}`]: props.theme,\n\t};\n\treturn {\n\t\tclass: classes,\n\t};\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTooltip';\n</style>\n"],"names":["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","throttle","event","target","isOutside","closeTooltip","onClickClose","hasOpenedOnce","wait","waitFor","attributes"],"mappings":"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"}
+{"version":3,"file":"index111.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index112.js

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

package/dist/index112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index112.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index112.js","sources":["../src/components/BbTooltip/BbTooltip.vue"],"sourcesContent":["<template>\n\t<span class=\"bb-tooltip\" v-bind=\"attributes\">\n\t\t<span ref=\"wrapper\" class=\"bb-tooltip__wrapper\">\n\t\t\t<slot\n\t\t\t\tname=\"activator\"\n\t\t\t\tv-bind=\"{\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...(hasOpenedOnce ? { 'aria-describedby': id } : {}),\n\t\t\t\t\t\tonMouseenter,\n\t\t\t\t\t\tonFocus,\n\t\t\t\t\t\tonBlur: closeTooltip,\n\t\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\t},\n\t\t\t\t\tclosed: closed,\n\t\t\t\t\tclosing: closing,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\topen: open,\n\t\t\t\t\topening: opening,\n\t\t\t\t\tplacement: placement,\n\t\t\t\t}\"\n\t\t\t></slot>\n\t\t</span>\n\t\t<teleport to=\"body\">\n\t\t\t<span\n\t\t\t\tv-if=\"hasOpenedOnce || eager\"\n\t\t\t\t:id=\"id\"\n\t\t\t\tref=\"content\"\n\t\t\t\tclass=\"bb-tooltip__bubble-container\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t[`bb-tooltip__bubble-container--${placement}`]: true,\n\t\t\t\t\t[`bb-tooltip__bubble-container--${theme}`]: theme,\n\t\t\t\t\t'bb-tooltip__bubble-container--hidden': closed,\n\t\t\t\t\t'bb-tooltip__bubble-container--closing': closing,\n\t\t\t\t\t'bb-tooltip__bubble-container--opening': opening,\n\t\t\t\t\t'bb-tooltip__bubble-container--open': open,\n\t\t\t\t}\"\n\t\t\t\t:style=\"{\n\t\t\t\t\t...floatingStyles,\n\t\t\t\t\ttransitionDuration: `${props.transitionDuration}ms`,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tref=\"bubblearrow\"\n\t\t\t\t\tclass=\"bb-tooltip__arrow\"\n\t\t\t\t\tv-bind=\"arrowAttributes\"\n\t\t\t\t></span>\n\t\t\t\t<span class=\"bb-tooltip__bubble\">\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\tv-if=\"showClose\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"bb-tooltip__close\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t@click=\"onClickClose\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M23 23L1 1M23 1L1 23\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</BaseButton>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</teleport>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { useFloating, autoUpdate, flip, shift, arrow } 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';\nimport type { Placement } from '@floating-ui/vue';\nimport { throttle } from '@/utilities/functions/throttle';\nimport { waitFor } from '@/utilities/functions/waitFor';\n\nexport type BbTooltipProps = Pick<\n\tCommonProps,\n\t| 'arrowPadding'\n\t| 'block'\n\t| 'disabled'\n\t| 'eager'\n\t| 'id'\n\t| 'padding'\n\t| 'placement'\n\t| 'showClose'\n\t| 'theme'\n\t| 'transitionDuration'\n>;\n\nconst props = withDefaults(defineProps<BbTooltipProps>(), {\n\tarrowPadding: 10,\n\tpadding: 10,\n\tplacement: 'top',\n\tshowClose: true,\n\ttheme: 'default',\n\ttransitionDuration: 150,\n});\n\ntype BbTooltipSlots = {\n\tactivator?: (props: {\n\t\tprops: {\n\t\t\t'aria-describedby': string;\n\t\t\tonMouseenter: typeof onMouseenter;\n\t\t\tonFocus: typeof onFocus;\n\t\t\tonBlur: typeof closeTooltip;\n\t\t};\n\t\tclosed: boolean;\n\t\tclosing: boolean;\n\t\tdisabled?: boolean;\n\t\topen: boolean;\n\t\topening: boolean;\n\t\tplacement: Placement;\n\t}) => any;\n\tdefault?: (props: object) => any;\n};\n\ndefineSlots<BbTooltipSlots>();\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\twrapper,\n\tcontent,\n\t{\n\t\tplacement: props.placement,\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware: [\n\t\t\tflip(),\n\t\t\tshift({ padding: props.padding }),\n\t\t\tarrow({\n\t\t\t\telement: bubblearrow,\n\t\t\t\tpadding: props.arrowPadding,\n\t\t\t}),\n\t\t],\n\t}\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\tif (middlewareData.value.arrow) {\n\t\tconst { x, y } = middlewareData.value.arrow;\n\t\treturn {\n\t\t\tstyle: {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t},\n\t\t};\n\t}\n\treturn undefined;\n});\n\nconst onMouseenter = () => {\n\tif (open.value || opening.value || props.disabled) return;\n\topenTooltip();\n\tdocument.addEventListener('mouseover', onMouseOver, { passive: true });\n\tdocument.addEventListener('keydown', onEsc, { passive: true });\n};\n\nconst onFocus = onMouseenter;\n\nconst onMouseOver = throttle((event: Event) => {\n\tconst target = event.target;\n\tif (!target) return;\n\tif (target instanceof HTMLElement) {\n\t\tlet isOutside = true;\n\n\t\tif (wrapper.value) {\n\t\t\tif (wrapper.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\t\tif (content.value) {\n\t\t\tif (content.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\n\t\tif (isOutside) {\n\t\t\tcloseTooltip();\n\t\t}\n\t}\n}, props.transitionDuration);\n\nconst onEsc = (event: KeyboardEvent) => {\n\tif (open.value) {\n\t\tif (event.key === 'Escape') {\n\t\t\tcloseTooltip();\n\t\t}\n\t}\n};\n\n/* On click of close button tooltip is disallowed from reappearing */\nconst onClickClose = () => {\n\tcanOpen.value = false;\n\tcloseTooltip();\n};\n\nconst hasOpenedOnce = ref(false);\nconst openTooltip = throttle(async () => {\n\tif (!canOpen.value) return;\n\thasOpenedOnce.value = true;\n\tclosed.value = false;\n\tclosing.value = false;\n\topening.value = true;\n\tawait wait(50);\n\topen.value = true;\n\topening.value = false;\n}, props.transitionDuration);\n\nconst closeTooltip = throttle(async () => {\n\tawait waitFor(() => !opening.value);\n\tdocument.removeEventListener('mouseover', onMouseOver);\n\tdocument.removeEventListener('keydown', onEsc);\n\topen.value = false;\n\topening.value = false;\n\tclosing.value = true;\n\tawait wait(props.transitionDuration);\n\tclosing.value = false;\n\tclosed.value = true;\n}, props.transitionDuration);\n\nconst attributes = computed(() => {\n\tconst classes = {\n\t\t'bb-tooltip--block': props.block,\n\t\t[`bb-tooltip--theme-${props.theme}`]: props.theme,\n\t};\n\treturn {\n\t\tclass: classes,\n\t};\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTooltip';\n</style>\n"],"names":["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","throttle","event","target","isOutside","closeTooltip","onClickClose","hasOpenedOnce","wait","waitFor","attributes"],"mappings":"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"}