bitboss-ui 2.1.103 → 2.1.104

package/dist/index146.js

@@ -1,5 +1,5 @@
-import { isArray as p } from "./index221.js";
-import { isPlainObject as i } from "./index222.js";
+import { isArray as p } from "./index222.js";
+import { isPlainObject as i } from "./index223.js";
 function f(e, n, u, l, r) {
   const o = {}.propertyIsEnumerable.call(l, n) ? "enumerable" : "nonenumerable";
   o === "enumerable" && (e[n] = u), r && o === "nonenumerable" && Object.defineProperty(e, n, {

package/dist/index16.js

@@ -1,9 +1,9 @@
 import { defineComponent as C, ref as d, computed as i, createBlock as $, openBlock as g, normalizeClass as I, withCtx as n, createVNode as b, unref as t, withDirectives as M, createElementVNode as p, mergeProps as f, renderSlot as s } from "vue";
-import { isHex as q } from "./index284.js";
+import { isHex as q } from "./index277.js";
 import { isNotNil as D } from "./index147.js";
 import { useId as E } from "./index8.js";
-import { useLocale as N } from "./index242.js";
-import { vMaska as L } from "./index266.js";
+import { useLocale as N } from "./index236.js";
+import { vMaska as L } from "./index276.js";
 import P from "./index74.js";
 import z from "./index138.js";
 /* empty css         */

package/dist/index18.js

@@ -1,7 +1,7 @@
 import { defineComponent as _, ref as i, computed as t, watch as F, createElementBlock as p, openBlock as h, normalizeProps as d, guardReactiveProps as f, createCommentVNode as L, createElementVNode as s, mergeProps as k, renderSlot as M } from "vue";
-import { isCssColor as y } from "./index223.js";
-import { booleanishToBoolean as q } from "./index224.js";
-import { isEqual as A } from "./index225.js";
+import { isCssColor as y } from "./index253.js";
+import { booleanishToBoolean as q } from "./index267.js";
+import { isEqual as A } from "./index285.js";
 const N = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index20.js

@@ -1,15 +1,15 @@
 import { defineComponent as z, ref as B, toRef as p, computed as G, createBlock as R, openBlock as W, unref as T, withCtx as n, renderSlot as s, normalizeProps as f, guardReactiveProps as h, createVNode as K, mergeProps as w } from "vue";
 import N from "./index18.js";
 /* empty css        */
-import U from "./index244.js";
+import U from "./index226.js";
 /* empty css         */
-import { useItemsGetter as q } from "./index246.js";
-import { useIndexById as C } from "./index248.js";
-import { useBaseOptions as J } from "./index249.js";
-import { useCoherence as Q } from "./index250.js";
-import { hash as X } from "./index233.js";
-import { useHashedWatcher as $ } from "./index251.js";
-import { usePrefill as Y } from "./index247.js";
+import { useItemsGetter as q } from "./index228.js";
+import { useIndexById as C } from "./index229.js";
+import { useBaseOptions as J } from "./index230.js";
+import { useCoherence as Q } from "./index231.js";
+import { hash as X } from "./index232.js";
+import { useHashedWatcher as $ } from "./index233.js";
+import { usePrefill as Y } from "./index234.js";
 const ce = /* @__PURE__ */ z({
   __name: "BaseCheckboxGroup",
   props: {
@@ -50,10 +50,10 @@ const ce = /* @__PURE__ */ z({
     }), c = () => {
       o.enforceCoherence && !v.value && t("update:modelValue", F.value.coherent);
     }, { hasPrefilled: L } = Y({
-      onStart: !0,
+      trigger: !0,
       currentValue: o.modelValue,
       multiple: !0,
-      fn: async ({ prefill: e }) => {
+      fn: async (e) => {
         await u(e, o.modelValue), c();
       }
     }), { data: b } = C({
@@ -100,9 +100,9 @@ const ce = /* @__PURE__ */ z({
     const O = (e) => {
       if (o.id)
         return [o.id, e.valueHash].filter(Boolean).join("-");
-    }, S = (e, l) => {
+    }, A = (e, l) => {
       t("change", e), l.selected ? M(l) : x(l);
-    }, A = {
+    }, S = {
       onBlur: (e) => t("blur", e),
       onClick: (e) => t("click", e),
       onFocus: (e) => {
@@ -158,8 +158,8 @@ const ce = /* @__PURE__ */ z({
           name: e.name,
           readonly: e.readonly,
           "true-value": a.value
-        }, A, {
-          onChange: (m) => S(m, a)
+        }, S, {
+          onChange: (m) => A(m, a)
         }), {
           icon: n((m) => [
             s(e.$slots, "icon", w({

package/dist/index218.js

@@ -1,4 +1,4 @@
-const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  t as urlAlphabet
+  n as clamp
 };

package/dist/index22.js

@@ -5,20 +5,20 @@ import { _config as Q } from "./index4.js";
 import { useId as X } from "./index8.js";
 import b from "./index14.js";
 /* empty css        */
-import d from "./index229.js";
-import ee from "./index230.js";
-import ae from "./index231.js";
-import te from "./index232.js";
-import { hash as B } from "./index233.js";
-import { last as le } from "./index234.js";
-import { validateDateFormat as L } from "./index235.js";
-import { useLogger as oe } from "./index236.js";
-import re from "./index237.js";
-import se from "./index238.js";
-import de from "./index239.js";
-import S from "./index240.js";
-import ie from "./index241.js";
-import { useLocale as ne } from "./index242.js";
+import d from "./index270.js";
+import ee from "./index273.js";
+import ae from "./index274.js";
+import te from "./index290.js";
+import { hash as B } from "./index232.js";
+import { last as le } from "./index238.js";
+import { validateDateFormat as L } from "./index291.js";
+import { useLogger as oe } from "./index261.js";
+import re from "./index292.js";
+import se from "./index293.js";
+import de from "./index294.js";
+import S from "./index295.js";
+import ie from "./index296.js";
+import { useLocale as ne } from "./index236.js";
 const ue = { class: "bb-base-date-picker" }, me = { class: "bb-base-date-picker__body" }, ce = { class: "bb-base-date-picker__controls" }, pe = { class: "sr-only" }, fe = { class: "sr-only" }, be = { class: "sr-only" }, ve = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index220.js

@@ -1,4 +1,4 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 export {
-  n as clamp
+  t as urlAlphabet
 };

package/dist/index221.js

@@ -1,7 +1,5 @@
-import { getType as t } from "./index332.js";
-function o(r) {
-  return t(r) === "Array";
-}
+import r from "./index300.js";
+const t = r;
 export {
-  o as isArray
+  t as deburr
 };

package/dist/index222.js

@@ -1,10 +1,7 @@
-import { getType as o } from "./index332.js";
-function c(e) {
-  if (o(e) !== "Object")
-    return !1;
-  const t = Object.getPrototypeOf(e);
-  return !!t && t.constructor === Object && t === Object.prototype;
+import { getType as t } from "./index341.js";
+function o(r) {
+  return t(r) === "Array";
 }
 export {
-  c as isPlainObject
+  o as isArray
 };

package/dist/index223.js

@@ -1,4 +1,10 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { getType as o } from "./index341.js";
+function c(e) {
+  if (o(e) !== "Object")
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return !!t && t.constructor === Object && t === Object.prototype;
+}
 export {
-  s as isCssColor
+  c as isPlainObject
 };

package/dist/index224.js

@@ -1,4 +1,36 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+import { defineComponent as a, resolveComponent as o, createBlock as u, openBlock as l, resolveDynamicComponent as m, unref as c, withCtx as p, renderSlot as f } from "vue";
+import { _config as e } from "./index4.js";
+import { useLogger as i } from "./index261.js";
+import { useFrameworkDetection as k } from "./index144.js";
+const y = /* @__PURE__ */ a({
+  __name: "RouterComponent",
+  setup(g) {
+    const { isInertia: r, isNuxt: s } = k();
+    let t;
+    if (r) {
+      if (t = o(e.inertiaLinkName), typeof t == "string") {
+        const { warn: n } = i();
+        n(
+          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else if (s) {
+      if (t = o(e.nuxtLinkName), typeof t == "string") {
+        const { warn: n } = i();
+        n(
+          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else
+      t = "router-link";
+    return (n, d) => (l(), u(m(c(t)), null, {
+      default: p(() => [
+        f(n.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  o as booleanishToBoolean
+  y as default
 };

package/dist/index225.js

@@ -1,5 +1,69 @@
-import { hash as r } from "./index233.js";
-const a = (o, t) => r(o) === r(t);
+import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
+import { useLocale as k } from "./index236.js";
+import h from "./index14.js";
+/* empty css        */
+import C from "./index88.js";
+/* empty css        */
+const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
+  key: 1,
+  class: "bb-toast-message__title"
+}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
+  __name: "BbToastMessage",
+  props: {
+    title: {},
+    text: {},
+    icon: {},
+    theme: { default: "default" },
+    id: {},
+    showClose: { type: Boolean }
+  },
+  emits: ["click:close"],
+  setup(r, { emit: c }) {
+    const m = r, p = c, { t: _ } = k(), b = () => {
+      p("click:close", m.id);
+    };
+    return (e, a) => (o(), l("div", {
+      "aria-atomic": "true",
+      "aria-live": "polite",
+      "aria-role": "alert",
+      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
+    }, [
+      t("div", w, [
+        e.icon ? (o(), i(C, {
+          key: 0,
+          class: "bb-toast-message__icon",
+          type: e.icon
+        }, null, 8, ["type"])) : s("", !0)
+      ]),
+      t("div", v, [
+        e.showClose ? (o(), i(h, {
+          key: 0,
+          "aria-label": f(_)("common.closeLabel").value,
+          class: "bb-toast-message__close",
+          onClick: b
+        }, {
+          default: g(() => 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)
+          ])),
+          _: 1
+        }, 8, ["aria-label"])) : s("", !0),
+        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
+        t("p", B, n(e.text), 1)
+      ])
+    ], 2));
+  }
+});
 export {
-  a as isEqual
+  z as default
 };

package/dist/index226.js

@@ -1,35 +1,88 @@
-import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-/* empty css         */
-import n from "./index217.js";
-const l = {}, s = {
-  class: "bb-error-icon",
-  fill: "none",
-  viewBox: "0 0 20 20",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function i(c, r) {
-  return t(), e("svg", s, r[0] || (r[0] = [
-    o("path", {
-      d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
-      fill: "currentColor"
-    }, null, -1),
-    o("path", {
-      d: "M9.99414 6.66666V9.99999",
-      stroke: "white",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, null, -1),
-    o("path", {
-      d: "M9.99414 13.3333H10.0025",
-      stroke: "white",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, null, -1)
-  ]));
-}
-const a = /* @__PURE__ */ n(l, [["render", i]]);
+import { defineComponent as p, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as o, renderSlot as t, createCommentVNode as h, createTextVNode as l, toDisplayString as i, unref as b, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index236.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ p({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(f) {
+    const { t: d } = g();
+    return (e, T) => (s(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": e.hasErrors,
+        "bb-cr-container--horizontal": e.direction === "horizontal",
+        "bb-cr-container--vertical": e.direction === "vertical"
+      }])
+    }, [
+      o("span", k, [
+        t(e.$slots, "prepend"),
+        !e.options.length && e.loading ? (s(), n("span", y, [
+          t(e.$slots, "loading", {}, () => [
+            l(i(e.loadingText || b(d)("common.loadingText")), 1)
+          ])
+        ])) : e.options.length ? h("", !0) : (s(), n("span", $, [
+          t(e.$slots, "no-data", {}, () => [
+            l(i(e.noDataText || b(d)("common.noDataText")), 1)
+          ])
+        ])),
+        (s(!0), n(m, null, u(e.options, (a, c) => (s(), n(m, {
+          key: a?.valueHash || c
+        }, [
+          t(e.$slots, "option:prepend", {
+            id: a.valueHash,
+            checked: !!a.selected,
+            disabled: !!a.disabled,
+            item: a.item,
+            text: a.text
+          }),
+          o("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": a.selected }])
+          }, [
+            t(e.$slots, "input", {
+              index: c,
+              option: a
+            }),
+            o("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": e.hideLabel
+              })
+            }, [
+              t(e.$slots, "label", {
+                checked: !!a.selected,
+                item: a.item,
+                text: a.text
+              }, () => [
+                l(i(a.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(e.$slots, "option:append", {
+            id: a.valueHash,
+            checked: !!a.selected,
+            disabled: !!a.disabled,
+            item: a.item,
+            text: a.text
+          })
+        ], 64))), 128)),
+        t(e.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  a as default
+  C as default
 };

package/dist/index228.js

@@ -0,0 +1,32 @@
+import { computed as s, unref as v, ref as c } from "vue";
+import { useDebounceFn as m } from "./index219.js";
+const y = (o) => {
+  const e = s(() => v(o.items)), t = c([]), r = c(0);
+  let a = 0;
+  const u = async (...i) => {
+    if (Array.isArray(e.value)) {
+      t.value = e.value;
+      return;
+    }
+    if (typeof e.value != "function") return;
+    const f = ++a;
+    r.value++;
+    try {
+      const n = await e.value(...i);
+      f === a && (t.value = n);
+    } catch (n) {
+      console.error(n);
+    } finally {
+      r.value--;
+    }
+  }, l = m(u, o.debounce || 0);
+  return {
+    getter: u,
+    debouncedGetter: l,
+    items: t,
+    loading: s(() => r.value > 0)
+  };
+};
+export {
+  y as useItemsGetter
+};

package/dist/index229.js

@@ -1,7 +1,19 @@
-import { getDefaultExportFromCjs as r } from "./index331.js";
-import { __require as o } from "./index302.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index232.js";
+const p = ({
+  items: m,
+  key: e
+}) => {
+  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
+    const t = {}, s = Array.from(a(m) ?? []);
+    for (let r = 0; r < s.length; r++) {
+      const c = s[r];
+      t[n(c)] = c;
+    }
+    return t;
+  });
+  return { data: o, get: (t) => o.value[n(t)] };
+};
 export {
-  s as default
+  p as useIndexById
 };

package/dist/index230.js

@@ -1,7 +1,53 @@
-import { getDefaultExportFromCjs as r } from "./index331.js";
-import { __require as e } from "./index304.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index303.js";
+import { useItemValue as w } from "./index278.js";
+import { hash as y } from "./index232.js";
+import { useLogger as D } from "./index261.js";
+const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
+  items: u,
+  disabled: c,
+  selectable: m,
+  itemText: a,
+  itemValue: d,
+  selectedIndexedByHash: r,
+  max: b = 1 / 0
+}) => {
+  const v = l(() => o(c)), p = l(() => o(u)), h = l(
+    () => Object.keys(r.value).length
+  ), g = o(b), f = (e) => {
+    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
+      e,
+      v.value,
+      m,
+      g,
+      h.value,
+      s
+    );
+    return {
+      item: e,
+      text: i,
+      value: n,
+      valueHash: t,
+      selected: s,
+      disabled: o(I)
+    };
+  };
+  return {
+    options: l(() => {
+      const e = [], n = /* @__PURE__ */ new Set();
+      for (let t = 0; t < p.value.length; t++) {
+        const i = p.value[t];
+        i.disabled && H(
+          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
+        );
+        const s = f(i);
+        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
+      }
+      return e;
+    }),
+    createOption: f
+  };
+};
 export {
-  m as default
+  q as useBaseOptions
 };

package/dist/index231.js

@@ -1,7 +1,20 @@
-import { getDefaultExportFromCjs as r } from "./index331.js";
-import { __require as e } from "./index306.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { isNil as a } from "./index250.js";
+import { computed as n, unref as h } from "vue";
+const v = ({ modelValue: r, iteratee: c, multiple: t }) => {
+  const s = n(
+    () => new Array().concat(h(r))
+  ), e = n(() => s.value.reduce(
+    (o, u) => (c(u) ? o.coherent.push(u) : o.incoherent.push(u), o),
+    { coherent: [], incoherent: [] }
+  )), i = n(() => t && !h(r).length || !t && a(h(r)) ? !0 : !e.value.incoherent.length), l = n(
+    () => t ? e.value.coherent : e.value.coherent[0] ?? null
+  );
+  return {
+    status: e,
+    coherent: i,
+    coherentValue: l
+  };
+};
 export {
-  m as default
+  v as useCoherence
 };

package/dist/index232.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as e } from "./index331.js";
-import { __require as r } from "./index308.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
+import { hash as o } from "./index304.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
-  f as default
+  t as hash
 };

package/dist/index233.js

@@ -1,5 +1,14 @@
-import { hash as o } from "./index314.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+import { hash as e } from "./index232.js";
+import { debouncedWatch as s } from "./index219.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
+  );
+};
 export {
-  t as hash
+  n as useHashedWatcher
 };

package/dist/index234.js

@@ -1,4 +1,20 @@
-const e = (t) => t[t.length - 1];
+import { isNotNil as v } from "./index147.js";
+import { computed as t, toValue as h, ref as u, onServerPrefetch as m, onBeforeMount as p } from "vue";
+const g = ({
+  fn: i,
+  trigger: n = !1,
+  multiple: s,
+  currentValue: r
+}) => {
+  const f = t(() => s ? !!r?.length : v(r)), o = t(
+    () => !!h(n) || f.value
+  ), l = u(!1), e = u(!1), c = t(() => o.value || e.value), a = async () => {
+    l.value || e.value || (l.value = !0, await i(!0), l.value = !1, e.value = !0);
+  };
+  return o.value && (m(a), p(async () => {
+    e.value || await a();
+  })), { isPrefilling: l, hasPrefilled: e, canLoad: c, prefill: a };
+};
 export {
-  e as last
+  g as usePrefill
 };

package/dist/index235.js

@@ -1,8 +1,15 @@
-function e(t, r) {
-  if (!/\d{4}-\d{2}-\d{2}/.test(t))
-    throw new Error(`${r} must be in the format YYYY-MM-DD`);
-  return t;
-}
+const c = (t, r) => {
+  if (typeof t == "string") {
+    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
+    if (n) {
+      const [, o, a] = n;
+      return a ? t : o + "px";
+    } else if (t in r)
+      return r[t] + "px";
+    throw new Error(`Invalid size: ${t}`);
+  }
+  return t + "px";
+};
 export {
-  e as validateDateFormat
+  c as parseSize
 };