bitboss-ui 2.0.37 → 2.0.39

package/dist/index112.js

@@ -1,16 +1,18 @@
-import { defineComponent as h, ref as b, computed as f, openBlock as y, createBlock as v, withCtx as r, renderSlot as n, normalizeProps as B, guardReactiveProps as w, createVNode as g, mergeProps as $ } from "vue";
-import k from "./index25.js";
+import { defineComponent as v, ref as y, computed as B, openBlock as g, createBlock as k, withCtx as l, renderSlot as r, normalizeProps as n, guardReactiveProps as i, createVNode as $, mergeProps as w } from "vue";
+import V from "./index27.js";
 /* empty css        */
-import V from "./index47.js";
+import P from "./index45.js";
 /* empty css        */
-const I = /* @__PURE__ */ h({
-  __name: "BbTextInput",
+const K = /* @__PURE__ */ v({
+  __name: "BbTag",
   props: {
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    comma: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
+    divider: {},
     errors: {},
     hasErrors: { type: Boolean },
     hideLabel: { type: Boolean },
@@ -20,35 +22,36 @@ const I = /* @__PURE__ */ h({
     labelPosition: {},
     loading: { type: Boolean },
     modelValue: {},
+    multiple: { type: Boolean, default: !0 },
     name: {},
     persistentHint: { type: Boolean },
     placeholder: {},
     "prepend:icon": {},
     readonly: {},
     required: { type: Boolean },
-    reverse: { type: Boolean },
-    type: {}
+    reverse: { type: Boolean }
   },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(i, { emit: p }) {
-    const a = i, o = p, l = b(!1), d = f(() => a.persistentHint || l.value), t = {
-      onBlur: (e) => {
-        l.value = !1, o("blur", e);
-      },
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
+  emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
+  setup(t, { emit: u }) {
+    const d = t, a = u, p = y(!1), m = B(() => d.persistentHint || p.value), c = {
+      onBlur: (e) => a("blur", e),
+      onChange: (e) => a("change", e),
+      onClick: (e) => a("click", e),
+      onDuplicate: (e) => a("duplicate", e),
       onFocus: (e) => {
-        l.value = !0, o("focus", e);
+        p.value = !0, a("focus", e);
+      },
+      onInactive: () => {
+        p.value = !1, a("inactive");
       },
-      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)
+      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) => (y(), v(k, {
+    return (e, q) => (g(), k(V, {
       id: e.id,
-      class: "bb-text-input",
+      class: "bb-tag",
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -59,54 +62,56 @@ const I = /* @__PURE__ */ h({
       "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": d.value
+      "show-hint": m.value
     }, {
-      label: r((s) => [
-        n(e.$slots, "label", B(w(s)))
+      label: l((s) => [
+        r(e.$slots, "label", n(i(s)))
       ]),
-      input: r(({ id: s, name: u, hasErrors: m, ariaDescribedby: c }) => [
-        g(V, $({
+      input: l(({ id: s, name: h, hasErrors: b, ariaDescribedby: f }) => [
+        $(P, w({
           id: s,
-          "append:icon": a["append:icon"],
-          "aria-describedby": c,
+          "append:icon": d["append:icon"],
+          "aria-describedby": f,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          comma: e.comma,
           disabled: e.disabled,
-          "has-errors": m,
+          divider: e.divider,
+          "has-errors": b,
           loading: e.loading,
           "model-value": e.modelValue,
-          name: u,
+          multiple: e.multiple,
+          name: h,
           placeholder: e.placeholder,
-          "prepend:icon": a["prepend:icon"],
+          "prepend:icon": d["prepend:icon"],
           readonly: e.readonly,
-          required: e.required,
-          type: e.type
-        }, t), {
-          "append-outer": r(() => [
-            n(e.$slots, "append-outer")
+          required: e.required
+        }, c), {
+          "prepend-outer": l((o) => [
+            r(e.$slots, "prepend-outer", n(i(o)))
           ]),
-          append: r(() => [
-            n(e.$slots, "append")
+          prepend: l((o) => [
+            r(e.$slots, "prepend", n(i(o)))
           ]),
-          prefix: r(() => [
-            n(e.$slots, "prefix")
+          prefix: l((o) => [
+            r(e.$slots, "prefix", n(i(o)))
           ]),
-          suffix: r(() => [
-            n(e.$slots, "suffix")
+          append: l((o) => [
+            r(e.$slots, "append", n(i(o)))
           ]),
-          prepend: r(() => [
-            n(e.$slots, "prepend")
+          suffix: l((o) => [
+            r(e.$slots, "suffix", n(i(o)))
           ]),
-          "prepend-outer": r(() => [
-            n(e.$slots, "prepend-outer")
+          "append-outer": l((o) => [
+            r(e.$slots, "append-outer", n(i(o)))
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "disabled", "divider", "has-errors", "loading", "model-value", "multiple", "name", "placeholder", "prepend:icon", "readonly", "required"])
       ]),
       _: 3
     }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  I as default
+  K as default
 };

package/dist/index114.js

@@ -1,30 +1,113 @@
-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 f, Fragment as d, renderList as _, unref as r, mergeProps as b } from "vue";
-import { state as k, useToast as C } from "./index11.js";
-import B from "./index288.js";
-const N = /* @__PURE__ */ s({
-  __name: "BbToast",
+import { defineComponent as w, ref as y, computed as v, openBlock as B, createBlock as g, withCtx as r, renderSlot as a, normalizeProps as d, guardReactiveProps as p, createVNode as $, mergeProps as k } from "vue";
+import V from "./index27.js";
+/* empty css        */
+import P from "./index47.js";
+/* empty css        */
+const M = /* @__PURE__ */ w({
+  __name: "BbTextarea",
   props: {
-    placement: { default: "bottom" }
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    autoGrow: { 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: {},
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    rows: {}
   },
-  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), f(d, null, _(r(k).stack, (t) => (e(), o(B, b({
-              key: t.id,
-              ref_for: !0
-            }, t, { "onClick:close": r(n) }), null, 16, ["onClick:close"]))), 128))
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(t, { emit: u }) {
+    const n = t, o = u, l = y(!1), m = v(() => n.persistentHint || l.value), h = {
+      onBlur: (e) => {
+        l.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        l.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, q) => (B(), g(V, {
+      id: e.id,
+      class: "bb-textarea",
+      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: r((s) => [
+        a(e.$slots, "label", d(p(s)))
+      ]),
+      input: r(({ id: s, name: b, hasErrors: c, ariaDescribedby: f }) => [
+        $(P, k({
+          id: s,
+          "append:icon": n["append:icon"],
+          "aria-describedby": f,
+          "auto-grow": e.autoGrow,
+          autofocus: e.autofocus,
+          disabled: e.disabled,
+          "has-errors": c,
+          loading: e.loading,
+          "model-value": e.modelValue,
+          name: b,
+          placeholder: e.placeholder,
+          "prepend:icon": n["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          rows: e.rows
+        }, h), {
+          "append-outer": r(() => [
+            a(e.$slots, "append-outer")
           ]),
-          _: 1
-        })
-      ], 2)
-    ]));
+          append: r(() => [
+            a(e.$slots, "append")
+          ]),
+          prepend: r(() => [
+            a(e.$slots, "prepend")
+          ]),
+          "prepend-outer": r(() => [
+            a(e.$slots, "prepend-outer")
+          ]),
+          prefix: r((i) => [
+            a(e.$slots, "prefix", d(p(i)))
+          ]),
+          suffix: r((i) => [
+            a(e.$slots, "suffix", d(p(i)))
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "auto-grow", "autofocus", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "rows"])
+      ]),
+      _: 3
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  N as default
+  M as default
 };

package/dist/index116.js

@@ -1,167 +1,112 @@
-import { defineComponent as z, defineAsyncComponent as A, ref as a, computed as _, watch as I, openBlock as b, createElementBlock as R, mergeProps as U, createElementVNode as c, renderSlot as D, normalizeProps as W, guardReactiveProps as j, unref as u, createBlock as L, withCtx as $, createCommentVNode as M } from "vue";
-import { useFloating as q, arrow as G } from "./index200.js";
-import { useId as J } from "./index8.js";
-import { wait as P } from "./index127.js";
-import K from "./index13.js";
+import { defineComponent as h, ref as b, computed as f, openBlock as y, createBlock as v, withCtx as r, renderSlot as n, normalizeProps as B, guardReactiveProps as w, createVNode as g, mergeProps as $ } from "vue";
+import k from "./index27.js";
 /* empty css        */
-import { throttle as w } from "./index230.js";
-import { waitFor as Q } from "./index210.js";
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index215.js";
-const ee = /* @__PURE__ */ c("svg", {
-  fill: "none",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ c("path", {
-    d: "M23 23L1 1M23 1L1 23",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-width": "2"
-  })
-], -1), pe = /* @__PURE__ */ z({
-  __name: "BbTooltip",
+import V from "./index49.js";
+/* empty css        */
+const I = /* @__PURE__ */ h({
+  __name: "BbTextInput",
   props: {
-    arrowPadding: { default: 10 },
-    block: { type: Boolean },
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    direction: {},
     disabled: { type: Boolean },
-    eager: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
     id: {},
-    offset: {},
-    padding: { default: 10 },
-    placement: { default: "top" },
-    showClose: { type: Boolean, default: !0 },
-    theme: { default: "default" },
-    transitionDuration: { default: 250 }
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: {},
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    type: {}
   },
-  setup(F) {
-    const O = A(
-      () => import("./index243.js")
-    ), t = F, g = `bb_${t.id ?? J().id.value}`, s = a(), d = a(), T = a(), { floatingStyles: te, placement: h, middlewareData: f } = q(
-      s,
-      d,
-      {
-        placement: t.placement,
-        whileElementsMounted: X,
-        middleware: [
-          Y(),
-          Z({ padding: t.padding }),
-          G({
-            element: T,
-            padding: t.arrowPadding
-          }),
-          x()
-        ]
-      }
-    );
-    let y = () => {
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(i, { emit: p }) {
+    const a = i, o = p, l = b(!1), d = f(() => a.persistentHint || l.value), t = {
+      onBlur: (e) => {
+        l.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        l.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)
     };
-    const k = a(!0), n = a(!1), r = a(!1), l = a(!1), p = a(!0);
-    _(() => {
-      if (f.value.arrow) {
-        const { x: e, y: o } = f.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${o}px`
-          }
-        };
-      }
-    });
-    const C = () => {
-      r.value || n.value || t.disabled || (S(), document.addEventListener("mouseover", B, { passive: !0 }), document.addEventListener("keydown", E, { passive: !0 }));
-    }, H = C, B = w((e) => {
-      const o = e.target;
-      if (o && o instanceof HTMLElement) {
-        let v = !0;
-        s.value && s.value.contains(o) && (v = !1), d.value && d.value.contains(o) && (v = !1), v && i();
-      }
-    }, t.transitionDuration), E = (e) => {
-      r.value && e.key === "Escape" && i();
-    }, N = () => {
-      k.value = !1, i();
-    }, m = a(!1), S = w(async () => {
-      k.value && (m.value = !0, p.value = !1, l.value = !1, n.value = !0, await P(50), r.value = !0, n.value = !1, y = I(
-        () => {
-          var e;
-          return (e = f.value.hide) == null ? void 0 : e.referenceHidden;
-        },
-        async (e) => {
-          !l.value && !p.value && e && await i();
-        }
-      ));
-    }, t.transitionDuration), i = w(async () => {
-      await Q(() => !n.value), document.removeEventListener("mouseover", B), document.removeEventListener("keydown", E), r.value = !1, n.value = !1, l.value = !0, await P(t.transitionDuration), l.value = !1, p.value = !0, y();
-    }, t.transitionDuration), V = _(() => ({
-      class: {
-        "bb-tooltip--block": t.block,
-        [`bb-tooltip--theme-${t.theme}`]: t.theme
-      }
-    }));
-    return (e, o) => (b(), R("span", U({ class: "bb-tooltip" }, V.value), [
-      c("span", {
-        ref_key: "wrapper",
-        ref: s,
-        class: "bb-tooltip__wrapper"
-      }, [
-        D(e.$slots, "activator", W(j({
-          props: {
-            ...m.value ? { "aria-describedby": g } : {},
-            onMouseenter: C,
-            onFocus: u(H),
-            onBlur: u(i),
-            disabled: e.disabled
-          },
-          closed: p.value,
-          closing: l.value,
+    return (e, P) => (y(), v(k, {
+      id: e.id,
+      class: "bb-text-input",
+      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: r((s) => [
+        n(e.$slots, "label", B(w(s)))
+      ]),
+      input: r(({ id: s, name: u, hasErrors: m, ariaDescribedby: c }) => [
+        g(V, $({
+          id: s,
+          "append:icon": a["append:icon"],
+          "aria-describedby": c,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
           disabled: e.disabled,
-          open: r.value,
-          opening: n.value,
-          placement: u(h)
-        })))
-      ], 512),
-      m.value || e.eager ? (b(), L(u(O), {
-        key: 0,
-        "arrow-padding": e.arrowPadding,
-        "base-class": "bb-tooltip",
-        "container-attributes": {
-          id: g
-        },
-        eager: e.eager,
-        offset: e.offset,
-        open: r.value,
-        padding: e.padding,
-        placement: u(h),
-        theme: e.theme,
-        "transition-duration": e.transitionDuration,
-        wrapper: s.value
-      }, {
-        default: $(() => [
-          c("span", {
-            ref_key: "content",
-            ref: d,
-            class: "bb-tooltip__content"
-          }, [
-            e.showClose ? (b(), L(K, {
-              key: 0,
-              "aria-hidden": "true",
-              "aria-label": "Chiudi",
-              class: "bb-tooltip__close",
-              tabindex: "-1",
-              onClick: N
-            }, {
-              default: $(() => [
-                ee
-              ]),
-              _: 1
-            })) : M("", !0),
-            D(e.$slots, "default")
-          ], 512)
-        ]),
-        _: 3
-      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])) : M("", !0)
-    ], 16));
+          "has-errors": m,
+          loading: e.loading,
+          "model-value": e.modelValue,
+          name: u,
+          placeholder: e.placeholder,
+          "prepend:icon": a["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          type: e.type
+        }, t), {
+          "append-outer": r(() => [
+            n(e.$slots, "append-outer")
+          ]),
+          append: r(() => [
+            n(e.$slots, "append")
+          ]),
+          prefix: r(() => [
+            n(e.$slots, "prefix")
+          ]),
+          suffix: r(() => [
+            n(e.$slots, "suffix")
+          ]),
+          prepend: r(() => [
+            n(e.$slots, "prepend")
+          ]),
+          "prepend-outer": r(() => [
+            n(e.$slots, "prepend-outer")
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
+      ]),
+      _: 3
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  pe as default
+  I as default
 };