bitboss-ui 2.0.37 → 2.0.39

package/dist/index49.js

@@ -1,66 +1,101 @@
-import { defineComponent as f, ref as _, watch as v, openBlock as b, createElementBlock as h, createVNode as n, unref as t, normalizeClass as d, withModifiers as g, withCtx as s, renderSlot as u } from "vue";
-import { useId as V } from "./index8.js";
-import $ from "./index13.js";
-/* empty css        */
-import B from "./index121.js";
+import { defineComponent as m, computed as b, openBlock as c, createElementBlock as f, Fragment as y, createVNode as p, normalizeClass as h, withCtx as n, renderSlot as r, createElementVNode as l, mergeProps as g } from "vue";
+import B from "./index206.js";
 /* empty css         */
-const y = { class: "bb-accordion" }, A = /* @__PURE__ */ f({
-  __name: "BbAccordion",
+import k from "./index208.js";
+const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
+  __name: "BaseTextInput",
   props: {
-    eager: { type: Boolean },
-    transitionDuration: { default: 250 },
-    modelValue: { type: Boolean },
-    tag: {},
-    id: {}
+    "append:icon": {},
+    ariaDescribedby: {},
+    autocomplete: {},
+    autofocus: {},
+    disabled: { type: Boolean },
+    hasErrors: { type: Boolean },
+    id: {},
+    loading: { type: Boolean },
+    modelValue: {},
+    name: {},
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: {},
+    required: { type: Boolean },
+    type: { default: "text" }
   },
-  emits: ["update:modelValue"],
-  setup(m, { emit: c }) {
-    const p = c, o = m, l = o.id || `bba_${V().id.value}`, e = _(o.modelValue);
-    v(
-      () => o.modelValue,
-      (a, r) => {
-        a !== r && a !== e.value && (e.value = a);
-      }
-    );
-    const i = () => {
-      e.value = !e.value, p("update:modelValue", !o.modelValue);
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(s, { emit: d }) {
+    const a = s, o = d, u = b(() => ({
+      "bb-base-text-input": !0,
+      "bb-base-text-input--disabled": a.disabled,
+      "bb-base-text-input--errors": a.hasErrors,
+      "bb-base-text-input--loading": a.loading,
+      "bb-base-text-input--readonly": a.readonly
+    })), i = {
+      onBlur: (e) => o("blur", e),
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => o("focus", e),
+      onKeydown: (e) => o("keydown", e),
+      onInput: (e) => {
+        e.target instanceof HTMLInputElement && o("update:modelValue", e.target.value || null), o("input", e);
+      },
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e)
     };
-    return (a, r) => (b(), h("div", y, [
-      n($, {
-        id: `${t(l)}_header`,
-        "aria-controls": t(l),
-        "aria-expanded": e.value,
-        class: d("bb-accordion__header"),
-        onClick: g(i, ["self"])
+    return (e, t) => (c(), f(y, null, [
+      p(k, {
+        class: h(u.value)
       }, {
-        default: s(() => [
-          u(a.$slots, "header", {
-            toggle: i,
-            value: e.value
-          })
+        "prepend-outer": n(() => [
+          r(e.$slots, "prepend-outer")
         ]),
-        _: 3
-      }, 8, ["id", "aria-controls", "aria-expanded"]),
-      n(B, {
-        id: t(l),
-        "aria-labelledby": `${t(l)}_header`,
-        class: d("bb-accordion__content"),
-        eager: a.eager,
-        "model-value": e.value,
-        role: "region",
-        "transition-duration": a.transitionDuration
-      }, {
-        default: s(() => [
-          u(a.$slots, "default", {
-            toggle: i,
-            value: e.value
-          })
+        "append-outer": n(() => [
+          r(e.$slots, "append-outer")
+        ]),
+        default: n(() => [
+          p(B, {
+            "append:icon": a["append:icon"],
+            "prepend:icon": a["prepend:icon"]
+          }, {
+            prepend: n(() => [
+              r(e.$slots, "prepend")
+            ]),
+            prefix: n(() => [
+              r(e.$slots, "prefix")
+            ]),
+            append: n(() => [
+              r(e.$slots, "append")
+            ]),
+            suffix: n(() => [
+              r(e.$slots, "suffix")
+            ]),
+            default: n(() => [
+              l("input", g({
+                id: e.id,
+                ref: "input",
+                "aria-describedby": e.ariaDescribedby,
+                "aria-invalid": e.hasErrors ? !0 : void 0,
+                autocomplete: e.autocomplete,
+                autofocus: e.autofocus,
+                class: "bb-base-text-input__input",
+                disabled: e.disabled,
+                name: e.name,
+                placeholder: e.placeholder,
+                readonly: e.readonly,
+                required: e.required,
+                size: "1",
+                type: e.type,
+                value: e.modelValue
+              }, i), null, 16, w)
+            ]),
+            _: 3
+          }, 8, ["append:icon", "prepend:icon"])
         ]),
         _: 3
-      }, 8, ["id", "aria-labelledby", "eager", "model-value", "transition-duration"])
-    ]));
+      }, 8, ["class"]),
+      t[0] || (t[0] = l("span", null, null, -1))
+    ], 64));
   }
 });
 export {
-  A as default
+  V as default
 };

package/dist/index51.js

@@ -1,90 +1,66 @@
-import { defineComponent as h, ref as f, watch as v, openBlock as s, createBlock as a, normalizeClass as k, withCtx as C, createElementVNode as t, createCommentVNode as i, createElementBlock as w, renderSlot as n, normalizeProps as r, guardReactiveProps as c, createTextVNode as d, toDisplayString as m } from "vue";
-import V from "./index121.js";
+import { defineComponent as f, ref as _, watch as v, openBlock as b, createElementBlock as h, createVNode as n, unref as t, normalizeClass as d, withModifiers as g, withCtx as s, renderSlot as u } from "vue";
+import { useId as V } from "./index8.js";
+import $ from "./index13.js";
+/* empty css        */
+import B from "./index125.js";
 /* empty css         */
-import y from "./index122.js";
-/* empty css         */
-const z = {
-  class: "bb-alert__inner-container",
-  role: "alert"
-}, B = { class: "bb-alert__icon-container" }, g = { class: "bb-alert__content" }, $ = ["aria-label"], L = /* @__PURE__ */ t("svg", {
-  fill: "none",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ t("path", {
-    d: "M23 23L1 1M23 1L1 23",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-width": "2"
-  })
-], -1), S = [
-  L
-], N = { class: "bb-alert__title" }, E = { class: "bb-alert__text" }, j = /* @__PURE__ */ h({
-  __name: "BbAlert",
+const y = { class: "bb-accordion" }, A = /* @__PURE__ */ f({
+  __name: "BbAccordion",
   props: {
-    closeLabel: { default: "Chiudi" },
-    showClose: { type: Boolean },
-    text: {},
-    theme: { default: "default" },
-    title: {},
-    icon: {},
-    iconSize: {},
-    modelValue: {}
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean },
+    tag: {},
+    id: {}
   },
   emits: ["update:modelValue"],
-  setup(u, { emit: _ }) {
-    const l = u, b = _, o = f(
-      l.modelValue === void 0 ? !0 : !!l.modelValue
-    );
+  setup(m, { emit: c }) {
+    const p = c, o = m, l = o.id || `bba_${V().id.value}`, e = _(o.modelValue);
     v(
-      () => l.modelValue,
-      (e) => {
-        o.value !== !!e && (o.value = !!e);
+      () => o.modelValue,
+      (a, r) => {
+        a !== r && a !== e.value && (e.value = a);
       }
     );
-    const p = () => {
-      o.value = !1, b("update:modelValue", !1);
+    const i = () => {
+      e.value = !e.value, p("update:modelValue", !o.modelValue);
     };
-    return (e, M) => (s(), a(V, {
-      class: k(["bb-alert", { [`bb-alert--${e.theme}`]: e.theme }]),
-      "model-value": o.value
-    }, {
-      default: C(() => [
-        t("div", z, [
-          t("div", B, [
-            e.icon ? (s(), a(y, {
-              key: 0,
-              class: "bb-alert__icon",
-              size: e.iconSize,
-              type: e.icon
-            }, null, 8, ["size", "type"])) : i("", !0)
-          ]),
-          t("div", g, [
-            e.showClose ? (s(), w("button", {
-              key: 0,
-              "aria-label": e.closeLabel,
-              block: "",
-              class: "bb-alert__close",
-              type: "button",
-              onClick: p
-            }, S, 8, $)) : i("", !0),
-            t("div", N, [
-              n(e.$slots, "title", r(c({ text: e.title })), () => [
-                d(m(e.title), 1)
-              ])
-            ]),
-            t("p", E, [
-              n(e.$slots, "text", r(c({ text: e.text })), () => [
-                d(m(e.text), 1)
-              ])
-            ])
-          ])
-        ])
-      ]),
-      _: 3
-    }, 8, ["class", "model-value"]));
+    return (a, r) => (b(), h("div", y, [
+      n($, {
+        id: `${t(l)}_header`,
+        "aria-controls": t(l),
+        "aria-expanded": e.value,
+        class: d("bb-accordion__header"),
+        onClick: g(i, ["self"])
+      }, {
+        default: s(() => [
+          u(a.$slots, "header", {
+            toggle: i,
+            value: e.value
+          })
+        ]),
+        _: 3
+      }, 8, ["id", "aria-controls", "aria-expanded"]),
+      n(B, {
+        id: t(l),
+        "aria-labelledby": `${t(l)}_header`,
+        class: d("bb-accordion__content"),
+        eager: a.eager,
+        "model-value": e.value,
+        role: "region",
+        "transition-duration": a.transitionDuration
+      }, {
+        default: s(() => [
+          u(a.$slots, "default", {
+            toggle: i,
+            value: e.value
+          })
+        ]),
+        _: 3
+      }, 8, ["id", "aria-labelledby", "eager", "model-value", "transition-duration"])
+    ]));
   }
 });
 export {
-  j as default
+  A as default
 };

package/dist/index53.js

@@ -1,68 +1,90 @@
-import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
-import { isCssColor as _ } from "./index216.js";
-import { wait as C } from "./index127.js";
-const w = ["alt", "sizes", "src", "srcset"], B = {
-  key: 1,
-  class: "bb-avatar__fallback"
-}, P = /* @__PURE__ */ z({
-  __name: "BbAvatar",
+import { defineComponent as h, ref as v, watch as k, openBlock as s, createBlock as i, normalizeClass as C, withCtx as w, createElementVNode as t, createCommentVNode as r, createElementBlock as V, renderSlot as n, normalizeProps as c, guardReactiveProps as d, createTextVNode as m, toDisplayString as u } from "vue";
+import y from "./index125.js";
+/* empty css         */
+import z from "./index126.js";
+/* empty css         */
+const B = {
+  class: "bb-alert__inner-container",
+  role: "alert"
+}, g = { class: "bb-alert__icon-container" }, $ = { class: "bb-alert__content" }, L = ["aria-label"], S = { class: "bb-alert__title" }, N = { class: "bb-alert__text" }, R = /* @__PURE__ */ h({
+  __name: "BbAlert",
   props: {
-    color: {},
-    size: {},
-    alt: {},
-    src: {},
-    srcset: {},
-    sizes: {},
-    timeout: { default: 400 }
+    closeLabel: { default: "Chiudi" },
+    showClose: { type: Boolean },
+    text: {},
+    theme: { default: "default" },
+    title: {},
+    icon: {},
+    iconSize: {},
+    modelValue: {}
   },
-  setup(u) {
-    const s = u, f = {
-      xs: 24,
-      sm: 32,
-      md: 40,
-      lg: 56,
-      xl: 80,
-      xxl: 104
-    }, m = b(() => {
-      const e = {
-        "bb-avatar": !0
-      };
-      let r;
-      s.size && (typeof s.size == "string" ? r = f[s.size] ?? parseInt(s.size, 10) : r = s.size, r += "px");
-      let c = {
-        width: r,
-        height: r
-      };
-      return s.color && (_(s.color) ? c.backgroundColor = s.color : e[`bb-avatar--${s.color}`] = !0), {
-        class: e,
-        style: c
-      };
-    }), d = (e) => !(!e || !e.complete || e.naturalWidth === 0), a = o(), n = o(!1), t = o(!1);
-    g(async () => {
-      !t.value && !n.value && a.value && (await C(s.timeout), t.value = !d(a.value));
-    });
-    const p = () => {
-      n.value = !0;
-    }, v = () => {
-      t.value = !0;
+  emits: ["update:modelValue"],
+  setup(b, { emit: p }) {
+    const l = b, _ = p, o = v(
+      l.modelValue === void 0 ? !0 : !!l.modelValue
+    );
+    k(
+      () => l.modelValue,
+      (e) => {
+        o.value !== !!e && (o.value = !!e);
+      }
+    );
+    const f = () => {
+      o.value = !1, _("update:modelValue", !1);
     };
-    return (e, r) => (l(), i("span", h(k(m.value)), [
-      (e.src || e.srcset) && !t.value ? (l(), i("img", {
-        key: 0,
-        ref_key: "image",
-        ref: a,
-        alt: e.alt,
-        sizes: e.sizes,
-        src: e.src,
-        srcset: e.srcset,
-        onError: v,
-        onLoad: p
-      }, null, 40, w)) : (l(), i("span", B, [
-        y(e.$slots, "default")
-      ]))
-    ], 16));
+    return (e, a) => (s(), i(y, {
+      class: C(["bb-alert", { [`bb-alert--${e.theme}`]: e.theme }]),
+      "model-value": o.value
+    }, {
+      default: w(() => [
+        t("div", B, [
+          t("div", g, [
+            e.icon ? (s(), i(z, {
+              key: 0,
+              class: "bb-alert__icon",
+              size: e.iconSize,
+              type: e.icon
+            }, null, 8, ["size", "type"])) : r("", !0)
+          ]),
+          t("div", $, [
+            e.showClose ? (s(), V("button", {
+              key: 0,
+              "aria-label": e.closeLabel,
+              block: "",
+              class: "bb-alert__close",
+              type: "button",
+              onClick: f
+            }, a[0] || (a[0] = [
+              t("svg", {
+                fill: "none",
+                viewBox: "0 0 24 24",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                t("path", {
+                  d: "M23 23L1 1M23 1L1 23",
+                  stroke: "currentColor",
+                  "stroke-linecap": "round",
+                  "stroke-width": "2"
+                })
+              ], -1)
+            ]), 8, L)) : r("", !0),
+            t("div", S, [
+              n(e.$slots, "title", c(d({ text: e.title })), () => [
+                m(u(e.title), 1)
+              ])
+            ]),
+            t("p", N, [
+              n(e.$slots, "text", c(d({ text: e.text })), () => [
+                m(u(e.text), 1)
+              ])
+            ])
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["class", "model-value"]));
   }
 });
 export {
-  P as default
+  R as default
 };

package/dist/index55.js

@@ -1,49 +1,68 @@
-import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index216.js";
-import { isNil as B } from "./index125.js";
-const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
-  __name: "BbBadge",
+import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
+import { isCssColor as _ } from "./index212.js";
+import { wait as C } from "./index131.js";
+const w = ["alt", "sizes", "src", "srcset"], B = {
+  key: 1,
+  class: "bb-avatar__fallback"
+}, P = /* @__PURE__ */ z({
+  __name: "BbAvatar",
   props: {
     color: {},
-    bottom: { type: Boolean },
-    content: {},
-    floating: { type: Boolean },
-    left: { type: Boolean }
+    size: {},
+    alt: {},
+    src: {},
+    srcset: {},
+    sizes: {},
+    timeout: { default: 400 }
   },
-  setup(b) {
-    const a = d(), e = b, c = n(() => ({
-      "bb-badge": !0,
-      "bb-badge--bottom": e.bottom,
-      "bb-badge--left": e.left,
-      "bb-badge--positioned": a.default,
-      "bb-badge--floating": e.floating,
-      "bb-badge--empty": B(e.content),
-      [`bb-badge--${e.color}`]: e.color && !r(e.color)
-    })), i = n(() => {
-      let t = {};
-      e.color && r(e.color) && (t.backgroundColor = e.color);
-      let o = {};
-      return a.wrap && (o["aria-atomic"] = !0, o["aria-live"] = "polite", o.role = "status"), {
-        style: t,
-        ...o
+  setup(u) {
+    const s = u, f = {
+      xs: 24,
+      sm: 32,
+      md: 40,
+      lg: 56,
+      xl: 80,
+      xxl: 104
+    }, m = b(() => {
+      const e = {
+        "bb-avatar": !0
       };
+      let r;
+      s.size && (typeof s.size == "string" ? r = f[s.size] ?? parseInt(s.size, 10) : r = s.size, r += "px");
+      let c = {
+        width: r,
+        height: r
+      };
+      return s.color && (_(s.color) ? c.backgroundColor = s.color : e[`bb-avatar--${s.color}`] = !0), {
+        class: e,
+        style: c
+      };
+    }), d = (e) => !(!e || !e.complete || e.naturalWidth === 0), a = o(), n = o(!1), t = o(!1);
+    g(async () => {
+      !t.value && !n.value && a.value && (await C(s.timeout), t.value = !d(a.value));
     });
-    return (t, o) => (m(), u("span", {
-      class: g(c.value)
-    }, [
-      s("span", C, [
-        l(t.$slots, "default"),
-        s("span", f({ class: "bb-badge__content-container" }, i.value), [
-          s("span", h, [
-            l(t.$slots, "content", {}, () => [
-              _(y(t.content), 1)
-            ])
-          ])
-        ], 16)
-      ])
-    ], 2));
+    const p = () => {
+      n.value = !0;
+    }, v = () => {
+      t.value = !0;
+    };
+    return (e, r) => (l(), i("span", h(k(m.value)), [
+      (e.src || e.srcset) && !t.value ? (l(), i("img", {
+        key: 0,
+        ref_key: "image",
+        ref: a,
+        alt: e.alt,
+        sizes: e.sizes,
+        src: e.src,
+        srcset: e.srcset,
+        onError: v,
+        onLoad: p
+      }, null, 40, w)) : (l(), i("span", B, [
+        y(e.$slots, "default")
+      ]))
+    ], 16));
   }
 });
 export {
-  S as default
+  P as default
 };