bitboss-ui 2.1.111 → 2.1.112

package/dist/index255.js

@@ -1,54 +1,88 @@
-import { defineComponent as b, computed as c, createElementBlock as l, openBlock as a, createElementVNode as h, Fragment as p, renderList as k, createBlock as f, normalizeClass as y, withCtx as M, createTextVNode as x, toDisplayString as B } from "vue";
-import C from "./index14.js";
-/* empty css        */
-const v = {
-  "aria-label": "Month selector",
-  class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector",
-  role: "listbox"
-}, g = { class: "content" }, N = /* @__PURE__ */ b({
-  __name: "BaseDatePickerMonthSelector",
+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 "./index233.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: {
-    cursor: {},
-    disabled: { type: Boolean }
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
   },
-  emits: ["update:month"],
-  setup(d, { emit: i }) {
-    const o = d, m = i, u = c(() => o.cursor.month()), _ = c(() => {
-      const t = o.cursor.clone().startOf("year"), n = u.value;
-      return Array.from({ length: 12 }, (e, r) => {
-        const s = t.add(r, "month");
-        return {
-          text: s.format("MMMM"),
-          key: s.unix(),
-          selected: r === n,
-          handler: () => m("update:month", r)
-        };
-      });
-    });
-    return (t, n) => (a(), l("div", v, [
-      h("div", g, [
-        (a(!0), l(p, null, k(_.value, (e) => (a(), f(C, {
-          key: e.key,
-          "aria-label": e.text,
-          "aria-selected": e.selected,
-          class: y({
-            content__btn: !0,
-            "content__btn--selected": e.selected
+  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
           }),
-          disabled: t.disabled,
-          role: "option",
-          type: "button",
-          onClick: e.handler
-        }, {
-          default: M(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["aria-label", "aria-selected", "class", "disabled", "onClick"]))), 128))
+          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 {
-  N as default
+  C as default
 };

package/dist/index257.js

@@ -1,62 +1,32 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
-import { range as H } from "./index343.js";
-import M from "./index14.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:year"],
-  setup(p, { emit: _ }) {
-    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
-      () => H(c.value, s.value).map((e) => ({
-        text: e,
-        key: e,
-        selected: e === r.value,
-        handler: () => b("update:year", e)
-      }))
-    ), k = (e) => {
-      const t = e.target;
-      t.scrollTop <= 100 ? c.value = Math.max(
-        c.value - n * l,
-        r.value - 200
-      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
-    };
-    return h(() => {
-      if (!o.value) return;
-      const e = o.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, t) => (u(), m("div", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-    }, [
-      y("div", {
-        class: "content",
-        onScrollPassive: k
-      }, [
-        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
-          key: a.key,
-          class: S({
-            content__btn: !0,
-            "content__btn--selected": a.selected
-          }),
-          disabled: e.disabled,
-          onClick: a.handler
-        }, {
-          default: T(() => [
-            E(w(a.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ], 32)
-    ], 512));
-  }
-});
+import { computed as s, unref as v, ref as c } from "vue";
+import { useDebounceFn as m } from "./index223.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 {
-  V as default
+  y as useItemsGetter
 };

package/dist/index258.js

@@ -1,11 +1,19 @@
-import { get as o } from "./index281.js";
-const e = () => ({
-  getItemValue(n, f) {
-    if (typeof f > "u") return n;
-    if (typeof f == "function") return f(n);
-    if (typeof f == "string") return o(n, f);
-  }
-});
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index261.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 {
-  e as useItemValue
+  p as useIndexById
 };

package/dist/index259.js

@@ -1,23 +1,53 @@
-function i(e, o) {
-  const l = {}, u = e.length;
-  for (let n = 0; n < u; n++) {
-    const s = e[n];
-    let f;
-    if (typeof o == "function")
-      f = o(s, n, e);
-    else {
-      const t = s[o];
-      if (typeof t == "string" || typeof t == "number" || typeof t == "symbol")
-        f = t;
-      else
-        throw new Error(
-          `Property "${String(o)}" must be of type string, number, or symbol`
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index326.js";
+import { useItemValue as w } from "./index266.js";
+import { hash as y } from "./index261.js";
+import { useLogger as D } from "./index244.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."
         );
-    }
-    l[f] = s;
-  }
-  return l;
-}
+        const s = f(i);
+        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
+      }
+      return e;
+    }),
+    createOption: f
+  };
+};
 export {
-  i as indexBy
+  q as useBaseOptions
 };

package/dist/index26.js

@@ -1,10 +1,10 @@
 import { defineComponent as I, mergeModels as M, useModel as W, computed as h, ref as g, watch as N, onMounted as P, createElementBlock as n, openBlock as r, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as y, createCommentVNode as f, Fragment as A, createElementVNode as a, renderSlot as s, createTextVNode as K, toDisplayString as T, nextTick as R } from "vue";
-import { parseSize as U } from "./index301.js";
+import { parseSize as U } from "./index251.js";
 import { useId as D } from "./index8.js";
-import { useLocale as j } from "./index235.js";
+import { useLocale as j } from "./index233.js";
 import { useMobile as G } from "./index9.js";
-import { useUntil as J } from "./index242.js";
-import { wait as w } from "./index144.js";
+import { useUntil as J } from "./index252.js";
+import { wait as w } from "./index145.js";
 import { _config as Q } from "./index4.js";
 const X = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], Y = {
   key: 0,

package/dist/index260.js

@@ -1,32 +1,20 @@
-import { computed as s, unref as v, ref as c } from "vue";
-import { useDebounceFn as m } from "./index221.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);
+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 {
-    getter: u,
-    debouncedGetter: l,
-    items: t,
-    loading: s(() => r.value > 0)
+    status: e,
+    coherent: i,
+    coherentValue: l
   };
 };
 export {
-  y as useItemsGetter
+  v as useCoherence
 };

package/dist/index261.js

@@ -1,20 +1,5 @@
-import { isNotNil as v } from "./index149.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 };
-};
+import { hash as o } from "./index325.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
-  g as usePrefill
+  t as hash
 };

package/dist/index262.js

@@ -1,19 +1,14 @@
-import { computed as u, unref as a } from "vue";
-import { hash as d } from "./index237.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)] };
+import { hash as e } from "./index261.js";
+import { debouncedWatch as s } from "./index223.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
+  );
 };
 export {
-  p as useIndexById
+  n as useHashedWatcher
 };

package/dist/index263.js

@@ -1,53 +1,20 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index326.js";
-import { useItemValue as w } from "./index258.js";
-import { hash as y } from "./index237.js";
-import { useLogger as D } from "./index238.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
+import { isNotNil as v } from "./index150.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 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
+  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 {
-  q as useBaseOptions
+  g as usePrefill
 };

package/dist/index264.js

@@ -1,14 +1,69 @@
-import { hash as e } from "./index237.js";
-import { debouncedWatch as s } from "./index221.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+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 "./index233.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 {
-  n as useHashedWatcher
+  z as default
 };