bitboss-ui 2.0.165 → 2.0.167

package/dist/index123.js

@@ -1,122 +1,124 @@
-import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock 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 "./index316.js";
-const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
-  __name: "BbTree",
+import { defineComponent as f, ref as y, computed as v, createBlock as B, openBlock as g, withCtx as l, createVNode as k, mergeProps as $, renderSlot as r, normalizeProps as n, guardReactiveProps as i } from "vue";
+import w from "./index27.js";
+/* empty css        */
+import V from "./index45.js";
+/* empty css        */
+const I = /* @__PURE__ */ f({
+  __name: "BbTag",
   props: {
-    items: { default: () => [] },
-    parent: {},
-    identifier: { default: "id" },
-    depth: { default: 0 },
-    expandable: { type: [Boolean, Function] }
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    comma: { type: Boolean },
+    clearable: { type: Boolean },
+    compact: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    divider: {},
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    max: {},
+    modelValue: {},
+    multiple: { type: Boolean, default: !0 },
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean }
   },
-  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 f(!0), i(k, null, h(x.value, (e) => (f(), i("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);
+  emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
+  setup(t, { emit: u }) {
+    const p = t, a = u, d = y(!1), m = v(() => p.persistentHint || d.value), c = {
+      onBlur: (e) => a("blur", e),
+      onChange: (e) => a("change", e),
+      onClick: (e) => a("click", e),
+      onDuplicate: (e) => a("duplicate", e),
+      onFocus: (e) => {
+        d.value = !0, a("focus", e);
+      },
+      onInactive: () => {
+        d.value = !1, a("inactive");
+      },
+      onInput: (e) => a("input", e),
+      onKeydown: (e) => a("keydown", e),
+      onKeyup: (e) => a("keyup", e),
+      "onUpdate:modelValue": (e) => a("update:modelValue", e)
     };
+    return (e, P) => (g(), B(w, {
+      id: e.id,
+      class: "bb-tag",
+      compact: e.compact,
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": m.value
+    }, {
+      label: l((s) => [
+        r(e.$slots, "label", n(i(s)))
+      ]),
+      input: l(({ id: s, hasErrors: b, ariaDescribedby: h }) => [
+        k(V, $({
+          id: s,
+          "append:icon": p["append:icon"],
+          "aria-describedby": h,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          clearable: e.clearable,
+          comma: e.comma,
+          compact: e.compact,
+          disabled: e.disabled,
+          divider: e.divider,
+          "has-errors": b,
+          loading: e.loading,
+          max: e.max,
+          "model-value": e.modelValue,
+          multiple: e.multiple,
+          name: e.name,
+          placeholder: e.placeholder,
+          "prepend:icon": p["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required
+        }, c), {
+          "prepend-outer": l((o) => [
+            r(e.$slots, "prepend-outer", n(i(o)))
+          ]),
+          prepend: l((o) => [
+            r(e.$slots, "prepend", n(i(o)))
+          ]),
+          prefix: l((o) => [
+            r(e.$slots, "prefix", n(i(o)))
+          ]),
+          append: l((o) => [
+            r(e.$slots, "append", n(i(o)))
+          ]),
+          suffix: l((o) => [
+            r(e.$slots, "suffix", n(i(o)))
+          ]),
+          "append-outer": l((o) => [
+            r(e.$slots, "append-outer", n(i(o)))
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "disabled", "divider", "has-errors", "loading", "max", "model-value", "multiple", "name", "placeholder", "prepend:icon", "readonly", "required"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  N as default
+  I as default
 };

package/dist/index125.js

@@ -1,43 +1,118 @@
-import { defineComponent as i, openBlock as o, createElementBlock as a, createElementVNode as t, renderSlot as p, createTextVNode as b, toDisplayString as m, unref as u, withModifiers as d, createCommentVNode as _ } from "vue";
-import { useLocale as f } from "./index218.js";
-const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
-  __name: "BbChip",
+import { defineComponent as f, ref as y, computed as w, createBlock as v, openBlock as B, withCtx as a, createVNode as g, mergeProps as $, renderSlot as r, normalizeProps as i, guardReactiveProps as d } from "vue";
+import k from "./index27.js";
+/* empty css        */
+import V from "./index47.js";
+/* empty css        */
+const G = /* @__PURE__ */ f({
+  __name: "BbTextarea",
   props: {
-    text: {},
-    clearable: { type: Boolean, default: !0 },
-    clearableLabel: {}
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    autoGrow: { type: Boolean },
+    clearable: { type: Boolean },
+    compact: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    rows: {}
   },
-  emits: ["click:clear"],
-  setup(w, { emit: r }) {
-    const n = r, { t: s } = f(), c = (e) => {
-      n("click:clear", e);
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(t, { emit: u }) {
+    const l = t, o = u, n = y(!1), m = w(() => l.persistentHint || n.value), c = {
+      onBlur: (e) => {
+        n.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        n.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, l) => (o(), a("span", h, [
-      t("span", L, [
-        p(e.$slots, "default", {}, () => [
-          b(m(e.text), 1)
-        ])
+    return (e, P) => (B(), v(k, {
+      id: e.id,
+      class: "bb-textarea",
+      compact: e.compact,
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": m.value
+    }, {
+      label: a((s) => [
+        r(e.$slots, "label", i(d(s)))
       ]),
-      e.clearable ? (o(), a("button", {
-        key: 0,
-        "aria-label": e.clearableLabel || u(s)("chip.clearLabel").value,
-        class: "bb-chip__clear-button",
-        type: "button",
-        onClick: d(c, ["stop", "prevent"])
-      }, l[0] || (l[0] = [
-        t("svg", {
-          viewBox: "0 0 24 24",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          t("path", {
-            d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z",
-            fill: "currentColor"
-          })
-        ], -1)
-      ]), 8, k)) : _("", !0)
-    ]));
+      input: a(({ id: s, hasErrors: b, ariaDescribedby: h }) => [
+        g(V, $({
+          id: s,
+          "append:icon": l["append:icon"],
+          "aria-describedby": h,
+          "auto-grow": e.autoGrow,
+          autofocus: e.autofocus,
+          clearable: e.clearable,
+          compact: e.compact,
+          disabled: e.disabled,
+          "has-errors": b,
+          loading: e.loading,
+          "model-value": e.modelValue,
+          name: e.name,
+          placeholder: e.placeholder,
+          "prepend:icon": l["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          rows: e.rows
+        }, c), {
+          "append-outer": a(() => [
+            r(e.$slots, "append-outer")
+          ]),
+          append: a(() => [
+            r(e.$slots, "append")
+          ]),
+          prepend: a(() => [
+            r(e.$slots, "prepend")
+          ]),
+          "prepend-outer": a(() => [
+            r(e.$slots, "prepend-outer")
+          ]),
+          prefix: a((p) => [
+            r(e.$slots, "prefix", i(d(p)))
+          ]),
+          suffix: a((p) => [
+            r(e.$slots, "suffix", i(d(p)))
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "auto-grow", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "rows"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  B as default
+  G as default
 };

package/dist/index127.js

@@ -1,53 +1,123 @@
-import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, openBlock as h, createElementBlock as $, mergeProps as g } from "vue";
-import { isCssColor as I } from "./index248.js";
-const B = ["innerHTML"], k = /* @__PURE__ */ v({
-  __name: "BbIcon",
+import { defineComponent as c, ref as b, computed as h, createBlock as y, openBlock as f, withCtx as a, createVNode as k, mergeProps as v, renderSlot as n, normalizeProps as B, guardReactiveProps as w } from "vue";
+import g from "./index27.js";
+/* empty css        */
+import $ from "./index49.js";
+/* empty css        */
+const L = /* @__PURE__ */ c({
+  __name: "BbTextInput",
   props: {
-    size: { default: "md" },
-    color: {},
+    "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: {},
+    loading: { type: Boolean },
+    mask: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
     type: {}
   },
-  setup(m) {
-    var l, a;
-    const e = m;
-    let t = p();
-    const r = p(null), x = !!((a = (l = c()) == null ? void 0 : l.proxy) != null && a.$nuxt), i = async () => {
-      if (t.value) {
-        if (typeof t.value[e.type] > "u")
-          throw new Error(`Icon "${e.type}" does not exist.`);
-        r.value = await t.value[e.type]();
-      }
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(s, { emit: i }) {
+    const l = s, o = i, r = b(!1), d = h(() => l.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)
     };
-    w(async () => {
-      var o, n;
-      t.value = (n = (o = c()) == null ? void 0 : o.proxy) == null ? void 0 : n.$nuxt.$icons, await i();
-    }), z(async () => {
-      var o, n;
-      t.value || (x ? t.value = (n = (o = c()) == null ? void 0 : o.proxy) == null ? void 0 : n.$nuxt.$icons : t.value = _("icons")), r.value || await i();
-    }), b(() => e.type, i);
-    const y = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, d = f(() => {
-      const o = {
-        "bb-icon": !0
-      };
-      let u = { "--size": f(() => {
-        let s;
-        return typeof e.size == "string" ? s = y[e.size] ?? parseInt(e.size, 10) : typeof e.size == "number" ? s = e.size : s = 24, s + "px";
-      }).value };
-      return e.color && (I(e.color) ? u.color = e.color : o[`bb-icon--${e.color}`] = !0), {
-        class: o,
-        style: u
-      };
-    });
-    return (o, n) => (h(), $("span", g(d.value, { innerHTML: r.value }), null, 16, B));
+    return (e, V) => (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-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": d.value
+    }, {
+      label: a((p) => [
+        n(e.$slots, "label", B(w(p)))
+      ]),
+      input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
+        k($, v({
+          id: p,
+          "append:icon": l["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,
+          loading: e.loading,
+          mask: e.mask,
+          "model-value": e.modelValue,
+          name: e.name,
+          placeholder: e.placeholder,
+          "prepend:icon": l["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          type: e.type
+        }, t), {
+          "append-outer": a(() => [
+            n(e.$slots, "append-outer")
+          ]),
+          append: a(() => [
+            n(e.$slots, "append")
+          ]),
+          prefix: a(() => [
+            n(e.$slots, "prefix")
+          ]),
+          suffix: a(() => [
+            n(e.$slots, "suffix")
+          ]),
+          prepend: a(() => [
+            n(e.$slots, "prepend")
+          ]),
+          "prepend-outer": a(() => [
+            n(e.$slots, "prepend-outer")
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "emit-masked", "has-errors", "input-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-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  k as default
+  L as default
 };

package/dist/index129.js

@@ -1,37 +1,34 @@
-import { defineComponent as p, computed as s, openBlock as b, createElementBlock as a, normalizeProps as _, guardReactiveProps as x, createStaticVNode as m } from "vue";
-import { isCssColor as u } from "./index248.js";
-const f = /* @__PURE__ */ p({
-  __name: "BbSpinner",
+import { defineComponent as l, createBlock as o, openBlock as e, withCtx as r, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as u, createElementBlock as p, Fragment as f, renderList as _, unref as n, mergeProps as d } from "vue";
+import { useToast as k, state as b } from "./index11.js";
+import C from "./index237.js";
+import B from "./index280.js";
+const V = /* @__PURE__ */ l({
+  __name: "BbToast",
   props: {
-    color: {},
-    size: { default: "md" }
+    placement: { default: "bottom" }
   },
-  setup(n) {
-    const c = n, o = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, t = s(() => {
-      const e = {
-        "bb-spinner": !0
-      };
-      let l = { "--size": s(() => {
-        let i;
-        return typeof c.size == "string" ? i = o[c.size] ?? parseInt(c.size, 10) : i = c.size, i + "px";
-      }).value };
-      return c.color && (u(c.color) ? l.color = c.color : e[`bb-spinner--${c.color}`] = !0), {
-        class: e,
-        style: l
-      };
-    });
-    return (e, r) => (b(), a("span", _(x(t.value)), r[0] || (r[0] = [
-      m('<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle class="bb-spinner__circle" cx="12" cy="3" r="0"></circle><circle class="bb-spinner__circle circle--1" cx="16.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--2" cx="7.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--3" cx="19.79" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--4" cx="4.21" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--5" cx="21.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--6" cx="3.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--7" cx="19.79" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--8" cx="4.21" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--9" cx="16.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--10" cx="7.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--11" cx="12" cy="21" r="0"></circle></svg>', 1)
-    ]), 16));
+  setup(T) {
+    const { dismiss: a } = k();
+    return (s, $) => (e(), o(C, null, {
+      default: r(() => [
+        c("div", {
+          class: m(["bb-toast", { [`bb-toast--${s.placement}`]: !0 }])
+        }, [
+          i(u, { name: "toast" }, {
+            default: r(() => [
+              (e(!0), p(f, null, _(n(b).stack, (t) => (e(), o(B, d({
+                key: t.id,
+                ref_for: !0
+              }, t, { "onClick:close": n(a) }), null, 16, ["onClick:close"]))), 128))
+            ]),
+            _: 1
+          })
+        ], 2)
+      ]),
+      _: 1
+    }));
   }
 });
 export {
-  f as default
+  V as default
 };