bitboss-ui 2.1.129 → 2.1.130

package/dist/index132.js

@@ -1,5 +1,126 @@
-import { isNil as e } from "./index94.js";
-//#region src/utilities/functions/empty.ts
-var t = (t) => e(t) ? !0 : Array.isArray(t) || typeof t == "string" ? t.length === 0 : t instanceof Map || t instanceof Set ? t.size === 0 : typeof t == "number" ? Number.isNaN(t) : typeof t == "boolean" || typeof t == "function" ? !1 : typeof t == "object" ? "length" in t && typeof t.length == "number" ? t.length === 0 : Object.keys(t).length === 0 : !1;
-//#endregion
-export { t as isEmpty };
+import { defineComponent as b, ref as c, computed as h, createBlock as y, openBlock as f, withCtx as a, createVNode as k, mergeProps as v, renderSlot as l, normalizeProps as B, guardReactiveProps as w } from "vue";
+import g from "./index28.js";
+/* empty css        */
+import M from "./index50.js";
+/* empty css        */
+const L = /* @__PURE__ */ b({
+  __name: "BbTextInput",
+  props: {
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    clearable: { type: Boolean },
+    compact: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    emitMasked: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    inputMode: {},
+    label: {},
+    labelPosition: {},
+    labelMode: {},
+    loading: { type: Boolean },
+    mask: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    type: {}
+  },
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(d, { emit: s }) {
+    const n = d, o = s, r = c(!1), i = h(() => n.persistentHint || r.value), t = {
+      onBlur: (e) => {
+        r.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        r.value = !0, o("focus", e);
+      },
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    };
+    return (e, $) => (f(), y(g, {
+      id: e.id,
+      class: "bb-text-input",
+      compact: e.compact,
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-mode": e.labelMode,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": i.value
+    }, {
+      label: a((p) => [
+        l(e.$slots, "label", B(w(p)))
+      ]),
+      input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
+        k(M, v({
+          id: p,
+          "append:icon": n["append:icon"],
+          "aria-describedby": m,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          clearable: e.clearable,
+          compact: e.compact,
+          disabled: e.disabled,
+          "emit-masked": e.emitMasked,
+          "has-errors": u,
+          "input-mode": e.inputMode,
+          "label-mode": e.labelMode,
+          loading: e.loading,
+          mask: e.mask,
+          "model-value": e.modelValue,
+          name: e.name,
+          placeholder: e.placeholder,
+          "prepend:icon": n["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          type: e.type
+        }, t), {
+          "append-outer": a(() => [
+            l(e.$slots, "append-outer")
+          ]),
+          append: a(() => [
+            l(e.$slots, "append")
+          ]),
+          prefix: a(() => [
+            l(e.$slots, "prefix")
+          ]),
+          suffix: a(() => [
+            l(e.$slots, "suffix")
+          ]),
+          prepend: a(() => [
+            l(e.$slots, "prepend")
+          ]),
+          "prepend-outer": a(() => [
+            l(e.$slots, "prepend-outer")
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "emit-masked", "has-errors", "input-mode", "label-mode", "loading", "mask", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-mode", "label-position", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  L as default
+};

package/dist/index134.js

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

package/dist/index136.js

@@ -1,14 +1,156 @@
-//#region src/utilities/functions/parseSize.ts
-var e = (e, t) => {
-	if (typeof e == "string") {
-		let n = e.match(/^(\d+)([a-zA-Z%]+)?$/);
-		if (n) {
-			let [, t, r] = n;
-			return r ? e : t + "px";
-		} else if (e in t) return t[e] + "px";
-		throw Error(`Invalid size: ${e}`);
-	}
-	return e + "px";
+import { defineComponent as I, mergeModels as F, useSlots as j, ref as $, computed as v, useTemplateRef as q, useModel as G, watch as f, onMounted as H, onBeforeUnmount as J, createElementBlock as k, openBlock as C, Fragment as K, createCommentVNode as D, renderSlot as S, createVNode as Q, toDisplayString as P, normalizeProps as X, mergeProps as M, withCtx as Y, createElementVNode as Z, normalizeStyle as _, createTextVNode as ee, Comment as te } from "vue";
+import { useId as oe } from "./index8.js";
+import { useUntil as re } from "./index270.js";
+import ae from "./index253.js";
+/* empty css         */
+import { useElementSize as ne } from "./index148.js";
+import { extractDomContainer as N } from "./index263.js";
+import { parseWidthString as ie } from "./index273.js";
+const fe = /* @__PURE__ */ I({
+  inheritAttrs: !1,
+  __name: "BbTooltip",
+  props: /* @__PURE__ */ F({
+    arrowPadding: { default: 10 },
+    block: { type: Boolean },
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    id: {},
+    padding: { default: 10 },
+    placement: { default: "top" },
+    text: {},
+    theme: { default: "default" },
+    transitionDuration: { default: 250 },
+    activator: {},
+    boundary: {},
+    timeout: { default: 0 },
+    width: {}
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(E) {
+    const r = E, R = j(), b = `bb_${r.id ?? oe().id.value}`, g = `${b}_desc`, w = (e) => {
+      if (!e) return "";
+      let t = "";
+      for (const c of e) {
+        if (c.type === te) continue;
+        const p = c.children;
+        typeof p == "string" ? t += p : Array.isArray(p) && (t += w(p));
+      }
+      return t;
+    }, L = $(!1), l = v(() => (r.text ?? (L.value ? w(R.default?.({})) : "")).replace(/\s+/g, " ").trim()), o = $(), x = v(() => r.activator != null), z = q("popover"), O = v(() => N(z.value)), a = G(E, "modelValue"), T = re(a), V = (e) => {
+      const t = N(e);
+      t && (o.value = t);
+    };
+    let y, u;
+    const h = () => {
+      clearTimeout(u);
+    }, n = () => {
+      clearTimeout(y), clearTimeout(u), document.removeEventListener("keydown", A), a.value = !1;
+    }, d = () => {
+      clearTimeout(y), clearTimeout(u), u = setTimeout(n, 50);
+    }, m = () => {
+      h(), !(a.value || r.disabled) && (y = setTimeout(() => {
+        a.value = !0, document.addEventListener("keydown", A, { passive: !0 });
+      }, r.timeout));
+    }, A = (e) => {
+      e.key === "Escape" && n();
+    };
+    f(
+      () => r.activator,
+      (e) => {
+        e && V(e);
+      },
+      { immediate: !0 }
+    );
+    let i = null;
+    f(
+      o,
+      (e) => {
+        i && (i(), i = null), e && (e.addEventListener("mouseenter", m, { passive: !0 }), e.addEventListener("mouseleave", d, { passive: !0 }), e.addEventListener("focus", m, { passive: !0 }), e.addEventListener("blur", n, { passive: !0 }), i = () => {
+          e.removeEventListener("mouseenter", m), e.removeEventListener("mouseleave", d), e.removeEventListener("focus", m), e.removeEventListener("blur", n);
+        });
+      },
+      { immediate: !0 }
+    );
+    let s = null;
+    f(
+      O,
+      (e) => {
+        s && (s(), s = null), e && (e.addEventListener("mouseenter", h, { passive: !0 }), e.addEventListener("mouseleave", d, { passive: !0 }), s = () => {
+          e.removeEventListener("mouseenter", h), e.removeEventListener("mouseleave", d);
+        });
+      },
+      { immediate: !0 }
+    );
+    const B = () => {
+      const e = o.value;
+      e && (l.value ? e.setAttribute("aria-describedby", g) : T.value && e.setAttribute("aria-describedby", b));
+    };
+    H(() => {
+      B(), L.value = !0;
+    }), f([o, T, l], B, {
+      flush: "post"
+    }), J(() => {
+      i?.(), s?.(), o.value && o.value.removeAttribute("aria-describedby"), n();
+    });
+    const { width: U } = ne(
+      o,
+      { width: 0, height: 0 },
+      {
+        box: "border-box"
+      }
+    ), W = v(() => {
+      if (r.width) {
+        const { value: e, unit: t } = ie(r.width);
+        return t === "%" ? o.value ? `${U.value * (e / 100)}px` : "0px" : `${e}px`;
+      }
+    });
+    return (e, t) => (C(), k(K, null, [
+      l.value ? (C(), k("span", {
+        key: 0,
+        id: g,
+        class: "sr-only"
+      }, P(l.value), 1)) : D("", !0),
+      x.value ? D("", !0) : S(e.$slots, "activator", X(M({ key: 1 }, {
+        props: {
+          ref: V
+        },
+        disabled: e.disabled,
+        open: a.value,
+        placement: e.placement
+      }))),
+      Q(ae, M({
+        ref: "popover",
+        modelValue: a.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (c) => a.value = c),
+        anchor: o.value,
+        "arrow-padding": e.arrowPadding,
+        boundary: e.boundary,
+        class: ["bb-tooltip", {
+          [`bb-tooltip--${e.theme}`]: !0
+        }],
+        padding: e.padding,
+        placement: e.placement,
+        "transition-duration": e.transitionDuration
+      }, e.$attrs), {
+        default: Y(() => [
+          Z("span", {
+            id: b,
+            class: "bb-tooltip__content",
+            style: _({ width: W.value })
+          }, [
+            S(e.$slots, "default", {}, () => [
+              ee(P(e.text), 1)
+            ])
+          ], 4)
+        ]),
+        _: 3
+      }, 16, ["modelValue", "anchor", "arrow-padding", "boundary", "class", "padding", "placement", "transition-duration"])
+    ], 64));
+  }
+});
+export {
+  fe as default
 };
-//#endregion
-export { e as parseSize };

package/dist/index138.js

@@ -0,0 +1,122 @@
+import { defineComponent as $, computed as g, resolveComponent as y, createElementBlock as f, openBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
+import { flattenTree as T } from "./index294.js";
+const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
+  __name: "BbTree",
+  props: {
+    items: { default: () => [] },
+    parent: {},
+    identifier: { default: "id" },
+    depth: { default: 0 },
+    expandable: { type: [Boolean, Function] }
+  },
+  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), p = d.expandable ?? r.expandable, a = n + 1;
+        n = n + T([d], "children").length;
+        let o = !1;
+        return typeof p < "u" && (typeof p == "function" ? o = p(d, r.depth, r.parent) : o = p), {
+          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 i(!0), f(k, null, h(x.value, (e) => (i(), f("div", {
+        key: e.identifier,
+        class: b(["bb-tree", {
+          [`bb-tree--depth-${e.depth}`]: !0,
+          "bb-tree--open": e.open
+        }])
+      }, [
+        s("div", w, [
+          s("div", E, [
+            n.$slots[e.identifier] ? t(n.$slots, e.identifier, {
+              key: 0,
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }) : n.$slots[e.depth] ? t(n.$slots, e.depth, {
+              key: 1,
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }) : t(n.$slots, "default", {
+              key: 2,
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            })
+          ])
+        ]),
+        s("div", {
+          class: b(`bb-tree--depth-${e.depth}-children`)
+        }, [
+          t(n.$slots, `${e.identifier}-children`, {
+            depth: e.depth,
+            expandable: e.expandable,
+            identifier: e.identifier,
+            index: e.index,
+            item: e.original,
+            offset: e.offset,
+            open: e.open,
+            parent: e.parent
+          }, () => [
+            t(n.$slots, `${e.depth}-children`, {
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }, () => [
+              v(l, {
+                depth: e.depth + 1,
+                expandable: n.expandable,
+                identifier: r.identifier,
+                items: e.children,
+                parent: e
+              }, B({ _: 2 }, [
+                h(n.$slots, (p, a) => ({
+                  name: a,
+                  fn: _((o) => [
+                    t(n.$slots, a, C({ ref_for: !0 }, o))
+                  ])
+                }))
+              ]), 1032, ["depth", "expandable", "identifier", "items", "parent"])
+            ])
+          ])
+        ], 2)
+      ], 2))), 128);
+    };
+  }
+});
+export {
+  N as default
+};