bitboss-ui 2.0.91 → 2.0.92

package/dist/index124.js

@@ -1,46 +1,42 @@
-import { defineComponent as p, ref as o, watch as d, computed as m, openBlock as n, createBlock as s, resolveDynamicComponent as r, normalizeProps as b, guardReactiveProps as f, withCtx as u, normalizeStyle as v, renderSlot as y, createCommentVNode as g } from "vue";
-const B = /* @__PURE__ */ p({
-  __name: "BbCollapsible",
+import { defineComponent as c, openBlock as o, createElementBlock as a, createElementVNode as t, renderSlot as i, createTextVNode as p, toDisplayString as b, withModifiers as d, createCommentVNode as m } from "vue";
+const u = { class: "bb-chip" }, _ = { class: "bb-chip__content" }, f = ["aria-label"], k = /* @__PURE__ */ c({
+  __name: "BbChip",
   props: {
-    eager: { type: Boolean },
-    transitionDuration: { default: 250 },
-    modelValue: { type: Boolean },
-    tag: { default: "div" }
+    text: {},
+    clearable: { type: Boolean, default: !0 },
+    clearableLabel: { default: "Elimina" }
   },
-  setup(i) {
-    const l = i, c = o(l.modelValue), t = o(c.value);
-    d(
-      () => l.modelValue,
-      (e) => {
-        e && !t.value && (t.value = !0);
-      }
-    );
-    const a = m(() => ({
-      class: {
-        "bb-collapsible": !0,
-        "bb-collapsible--open": l.modelValue,
-        "bb-collapsible--closed": !l.modelValue
-      },
-      style: {
-        transitionDuration: l.transitionDuration + "ms"
-      }
-    }));
-    return (e, V) => (n(), s(r(e.tag), b(f(a.value)), {
-      default: u(() => [
-        (n(), s(r(e.tag), {
-          class: "bb-collapsible__content",
-          style: v(a.value.style)
-        }, {
-          default: u(() => [
-            e.eager || t.value ? y(e.$slots, "default", { key: 0 }) : g("", !0)
-          ]),
-          _: 3
-        }, 8, ["style"]))
+  emits: ["click:clear"],
+  setup(h, { emit: r }) {
+    const n = r, s = (e) => {
+      n("click:clear", e);
+    };
+    return (e, l) => (o(), a("span", u, [
+      t("span", _, [
+        i(e.$slots, "default", {}, () => [
+          p(b(e.text), 1)
+        ])
       ]),
-      _: 3
-    }, 16));
+      e.clearable ? (o(), a("button", {
+        key: 0,
+        "aria-label": e.clearableLabel,
+        class: "bb-chip__clear-button",
+        type: "button",
+        onClick: d(s, ["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, f)) : m("", !0)
+    ]));
   }
 });
 export {
-  B as default
+  k as default
 };

package/dist/index125.js

@@ -1,53 +1,46 @@
-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 "./index205.js";
-const B = ["innerHTML"], k = /* @__PURE__ */ v({
-  __name: "BbIcon",
+import { defineComponent as p, ref as o, watch as d, computed as m, openBlock as n, createBlock as s, resolveDynamicComponent as r, normalizeProps as b, guardReactiveProps as f, withCtx as u, normalizeStyle as v, renderSlot as y, createCommentVNode as g } from "vue";
+const B = /* @__PURE__ */ p({
+  __name: "BbCollapsible",
   props: {
-    size: { default: "md" },
-    color: {},
-    type: {}
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean },
+    tag: { default: "div" }
   },
-  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]();
+  setup(i) {
+    const l = i, c = o(l.modelValue), t = o(c.value);
+    d(
+      () => l.modelValue,
+      (e) => {
+        e && !t.value && (t.value = !0);
       }
-    };
-    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));
+    );
+    const a = m(() => ({
+      class: {
+        "bb-collapsible": !0,
+        "bb-collapsible--open": l.modelValue,
+        "bb-collapsible--closed": !l.modelValue
+      },
+      style: {
+        transitionDuration: l.transitionDuration + "ms"
+      }
+    }));
+    return (e, V) => (n(), s(r(e.tag), b(f(a.value)), {
+      default: u(() => [
+        (n(), s(r(e.tag), {
+          class: "bb-collapsible__content",
+          style: v(a.value.style)
+        }, {
+          default: u(() => [
+            e.eager || t.value ? y(e.$slots, "default", { key: 0 }) : g("", !0)
+          ]),
+          _: 3
+        }, 8, ["style"]))
+      ]),
+      _: 3
+    }, 16));
   }
 });
 export {
-  k as default
+  B as default
 };

package/dist/index126.js

@@ -1,49 +1,53 @@
-import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index237.js";
-const O = /* @__PURE__ */ v({
-  __name: "BbSmoothHeight",
+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 "./index238.js";
+const B = ["innerHTML"], k = /* @__PURE__ */ v({
+  __name: "BbIcon",
   props: {
-    mutationOptions: { default: () => ({ childList: !0 }) },
-    resizeOptions: {},
-    strategy: { default: "resize" },
-    tag: { default: "div" },
-    transitionDuration: { default: 200 }
+    size: { default: "md" },
+    color: {},
+    type: {}
   },
-  setup(c) {
-    const n = c, s = r(null), e = r(null), t = r(null);
-    globalThis.ResizeObserver && (p(() => {
-      n.strategy === "resize" ? e.value && (t.value = new ResizeObserver(a), t.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (t.value = new MutationObserver(a), t.value.observe(e.value, n.mutationOptions)), a();
-    }), h(() => {
-      t.value && t.value.disconnect();
-    }));
-    const a = g(() => {
-      if (s.value && e.value) {
-        const o = e.value.scrollHeight;
-        s.value.style.height = "0px", s.value.style.height = `${o}px`;
+  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]();
       }
-    }, 200);
-    return (o, y) => (i(), l(u(o.tag), {
-      ref_key: "container",
-      ref: s,
-      class: "bb-smooth-height",
-      style: m({ "transition-duration": n.transitionDuration / 1e3 + "s" })
-    }, {
-      default: f(() => [
-        (i(), l(u(o.tag), {
-          ref_key: "content",
-          ref: e,
-          class: "content"
-        }, {
-          default: f(() => [
-            d(o.$slots, "default")
-          ]),
-          _: 3
-        }, 512))
-      ]),
-      _: 3
-    }, 8, ["style"]));
+    };
+    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));
   }
 });
 export {
-  O as default
+  k as default
 };

package/dist/index127.js

@@ -1,37 +1,49 @@
-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 "./index205.js";
-const f = /* @__PURE__ */ p({
-  __name: "BbSpinner",
+import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
+import { throttle as g } from "./index236.js";
+const O = /* @__PURE__ */ v({
+  __name: "BbSmoothHeight",
   props: {
-    color: {},
-    size: { default: "md" }
+    mutationOptions: { default: () => ({ childList: !0 }) },
+    resizeOptions: {},
+    strategy: { default: "resize" },
+    tag: { default: "div" },
+    transitionDuration: { default: 200 }
   },
-  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(c) {
+    const n = c, s = r(null), e = r(null), t = r(null);
+    globalThis.ResizeObserver && (p(() => {
+      n.strategy === "resize" ? e.value && (t.value = new ResizeObserver(a), t.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (t.value = new MutationObserver(a), t.value.observe(e.value, n.mutationOptions)), a();
+    }), h(() => {
+      t.value && t.value.disconnect();
+    }));
+    const a = g(() => {
+      if (s.value && e.value) {
+        const o = e.value.scrollHeight;
+        s.value.style.height = "0px", s.value.style.height = `${o}px`;
+      }
+    }, 200);
+    return (o, y) => (i(), l(u(o.tag), {
+      ref_key: "container",
+      ref: s,
+      class: "bb-smooth-height",
+      style: m({ "transition-duration": n.transitionDuration / 1e3 + "s" })
+    }, {
+      default: f(() => [
+        (i(), l(u(o.tag), {
+          ref_key: "content",
+          ref: e,
+          class: "content"
+        }, {
+          default: f(() => [
+            d(o.$slots, "default")
+          ]),
+          _: 3
+        }, 512))
+      ]),
+      _: 3
+    }, 8, ["style"]));
   }
 });
 export {
-  f as default
+  O as default
 };

package/dist/index128.js

@@ -1,4 +1,37 @@
-const r = (e) => typeof e > "u" || e === null;
+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 "./index238.js";
+const f = /* @__PURE__ */ p({
+  __name: "BbSpinner",
+  props: {
+    color: {},
+    size: { default: "md" }
+  },
+  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));
+  }
+});
 export {
-  r as isNil
+  f as default
 };

package/dist/index129.js

@@ -1,23 +1,4 @@
-import { clamp as o } from "./index203.js";
-const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
-  value: t = 0,
-  originalBounds: e,
-  targetBounds: n,
-  step: c = 1
-}) => {
-  const a = l(
-    t,
-    e.min,
-    e.max
-  ), m = p(
-    a,
-    n.max - n.min
-  ) + n.min, s = Math.round(m / c) * c;
-  return o(s, n.min, n.max);
-};
+const r = (e) => typeof e > "u" || e === null;
 export {
-  r as getAsPercentage,
-  l as getAsPercentageBetween,
-  p as getPercentageFrom,
-  P as transposeValue
+  r as isNil
 };

package/dist/index13.js

@@ -0,0 +1,84 @@
+import { defineComponent as k, getCurrentInstance as u, resolveComponent as p, computed as d, openBlock as v, createBlock as h, resolveDynamicComponent as C, unref as x, mergeProps as S, withCtx as L, renderSlot as B, createTextVNode as N, toDisplayString as $ } from "vue";
+import { _config as n } from "./index4.js";
+import { useLogger as m } from "./index227.js";
+const _ = /* @__PURE__ */ k({
+  __name: "BaseButton",
+  props: {
+    activeClass: {},
+    ariaCurrentValue: {},
+    block: { type: Boolean },
+    data: {},
+    disabled: { type: Boolean },
+    exactActiveClass: {},
+    headers: {},
+    href: {},
+    method: {},
+    onBefore: {},
+    onCancel: {},
+    onCancelToken: {},
+    onFinish: {},
+    only: {},
+    onProgress: {},
+    onStart: {},
+    onSuccess: {},
+    preserveScroll: { type: [Boolean, Function] },
+    preserveState: { type: [Boolean, Function, null] },
+    queryStringArrayFormat: {},
+    replace: { type: Boolean },
+    tag: { default: "button" },
+    target: {},
+    text: {},
+    to: {},
+    type: { default: "button" }
+  },
+  setup(f) {
+    var s, i, l, c;
+    const t = f, a = !!((i = (s = u()) == null ? void 0 : s.proxy) != null && i.$inertia), b = !!((c = (l = u()) == null ? void 0 : l.proxy) != null && c.$nuxt);
+    let o;
+    if (t.href || t.to && t.disabled)
+      if (a && !t.disabled && !t.target) {
+        const e = p(n.inertiaLinkName);
+        if (typeof e == "string") {
+          const { warn: r } = m();
+          r(
+            `Inertia link component "${n.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${n.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${n.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+          );
+        }
+        o = e;
+      } else
+        o = "a";
+    else if (t.to)
+      if (b) {
+        const e = p(n.nuxtLinkName);
+        if (typeof e == "string") {
+          const { warn: r } = m();
+          r(
+            `Nuxt link component "${n.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${n.nuxtLinkName}" or set bitboss-ui config key "nuxtLInkName" to the correct value globally. Please visit ${n.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+          );
+        }
+        o = e;
+      } else
+        o = "router-link";
+    else
+      o = t.tag;
+    const g = d(() => ({
+      "base-btn": !0,
+      "base-btn--block": t.block,
+      "base-btn--disabled": t.disabled
+    })), y = d(() => {
+      const e = {};
+      return o === "button" ? (e.disabled = t.disabled, e.type = t.type) : o === "a" || a && typeof o != "string" && o.name === "Link" ? t.disabled ? (e["aria-disabled"] = !0, e.role = "link") : (e.href = t.href, e.target = t.target, a && (e.data = t.data, e.headers = t.headers, e.method = t.method, e.onBefore = t.onBefore, e.onCancel = t.onCancel, e.onCancelToken = t.onCancelToken, e.onFinish = t.onFinish, e.only = t.only, e.onProgress = t.onProgress, e.onStart = t.onStart, e.onSuccess = t.onSuccess, e.preserveScroll = t.preserveScroll, e.preserveState = t.preserveState, e.queryStringArrayFormat = t.queryStringArrayFormat, e.replace = t.replace)) : (o === "router-link" || typeof o != "string" && o.name === "NuxtLink") && (e.activeClass = t.activeClass, e.ariaCurrentValue = t.ariaCurrentValue, e.exactActiveClass = t.exactActiveClass, e.replace = t.replace, e.target = t.target, e.to = t.to), e;
+    });
+    return (e, r) => (v(), h(C(x(o)), S({ class: g.value }, y.value), {
+      default: L(() => [
+        B(e.$slots, "default", {}, () => [
+          N($(e.text), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/index130.js

@@ -1,4 +1,23 @@
-const o = (e) => new Promise((t) => setTimeout(t, e));
+import { clamp as o } from "./index205.js";
+const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
+  value: t = 0,
+  originalBounds: e,
+  targetBounds: n,
+  step: c = 1
+}) => {
+  const a = l(
+    t,
+    e.min,
+    e.max
+  ), m = p(
+    a,
+    n.max - n.min
+  ) + n.min, s = Math.round(m / c) * c;
+  return o(s, n.min, n.max);
+};
 export {
-  o as wait
+  r as getAsPercentage,
+  l as getAsPercentageBetween,
+  p as getPercentageFrom,
+  P as transposeValue
 };