bitboss-ui 2.1.32 → 2.1.34

package/dist/index142.js

@@ -1,5 +1,5 @@
-import { isArray as p } from "./index283.js";
-import { isPlainObject as i } from "./index284.js";
+import { isArray as p } from "./index286.js";
+import { isPlainObject as i } from "./index287.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/index15.js

@@ -1,18 +1,17 @@
-import { defineComponent as I, ref as u, computed as L, createBlock as c, openBlock as m, normalizeClass as M, withCtx as t, createVNode as b, unref as i, createCommentVNode as _, withDirectives as N, createElementVNode as d, mergeProps as q, renderSlot as r, withModifiers as z, normalizeStyle as U } from "vue";
-import { isHex as F } from "./index215.js";
-import { isNotNil as S } from "./index143.js";
-import { useId as A } from "./index8.js";
-import { useLocale as K } from "./index216.js";
-import { useUntil as O } from "./index217.js";
-import { vMaska as P } from "./index218.js";
-import T from "./index219.js";
+import { defineComponent as H, ref as s, computed as D, createBlock as E, openBlock as I, normalizeClass as L, withCtx as l, createVNode as d, unref as u, withDirectives as M, createElementVNode as p, mergeProps as _, renderSlot as r, withModifiers as q, normalizeStyle as N } from "vue";
+import { isHex as z } from "./index248.js";
+import { isNotNil as F } from "./index143.js";
+import { useId as S } from "./index8.js";
+import { useLocale as U } from "./index240.js";
+import { vMaska as A } from "./index241.js";
+import K from "./index249.js";
 /* empty css         */
-import j from "./index135.js";
+import O from "./index135.js";
 /* empty css         */
-import G from "./index137.js";
-import J from "./index221.js";
+import P from "./index137.js";
+import T from "./index242.js";
 /* empty css         */
-const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], R = ["aria-label"], W = { class: "bb-common-input-inner-container__suffix" }, de = /* @__PURE__ */ I({
+const j = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], G = ["aria-label"], J = { class: "bb-common-input-inner-container__suffix" }, re = /* @__PURE__ */ H({
   __name: "BaseColorInput",
   props: {
     "append:icon": {},
@@ -34,18 +33,18 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     transitionDuration: { default: 250 }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(f, { emit: y }) {
-    const n = f, a = y, k = u(
+  setup(b, { emit: f }) {
+    const n = b, a = f, y = s(
       null
-    ), v = n.id ?? `bb_${A().id.value}`, C = u(null), V = u(null), { t: g } = K(), h = L(() => ({
+    ), v = n.id ?? `bb_${S().id.value}`, c = s(null), k = s(null), { t: V } = U(), C = D(() => ({
       "bb-base-color-input": !0,
       "bb-base-color-input--disabled": n.disabled,
       "bb-base-color-input--errors": n.hasErrors,
       "bb-base-color-input--loading": n.loading,
       "bb-base-color-input--readonly": n.readonly,
       "bb-base-color-input--compact": n.compact,
-      "bb-base-color-input--active": l.value
-    })), w = {
+      "bb-base-color-input--active": t.value
+    })), h = {
       onBlur: (e) => a("blur", e),
       onChange: (e) => a("change", e),
       onClick: (e) => a("click", e),
@@ -58,89 +57,68 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       onMouseup: (e) => a("mouseup", e),
       onMaska: (e) => {
         const o = e.detail;
-        F(o.masked) ? a("update:modelValue", o.masked) : o.masked === "" && a("update:modelValue", null);
+        z(o.masked) ? a("update:modelValue", o.masked) : o.masked === "" && a("update:modelValue", null);
       }
-    }, $ = () => {
-      D();
-    }, B = {
+    }, g = () => {
+      $();
+    }, w = {
       mask: "!#HHHHHH",
       tokens: {
         H: { pattern: /[0-9a-fA-F]/ }
       },
       eager: !0
-    }, l = u(!1), H = O(l), p = (e) => {
+    }, t = s(!1), m = (e) => {
       const o = e.target;
-      o && o instanceof HTMLDialogElement && E();
-    }, D = async () => {
-      l.value = !0, document.addEventListener("click", p, { passive: !0 });
-    }, E = async () => {
-      l.value = !1, document.removeEventListener("click", p);
+      o && o instanceof HTMLDialogElement && B();
+    }, $ = async () => {
+      t.value = !0, document.addEventListener("click", m, { passive: !0 });
+    }, B = async () => {
+      t.value = !1, document.removeEventListener("click", m);
     };
-    return (e, o) => (m(), c(G, {
+    return (e, o) => (I(), E(P, {
       ref_key: "wrapper",
-      ref: k,
-      class: M(h.value)
+      ref: y,
+      class: L(C.value)
     }, {
-      "prepend-outer": t(() => [
+      "prepend-outer": l(() => [
         r(e.$slots, "prepend-outer")
       ]),
-      "append-outer": t(() => [
+      "append-outer": l(() => [
         r(e.$slots, "append-outer")
       ]),
-      default: t(() => [
-        b(j, {
+      default: l(() => [
+        d(O, {
           ref_key: "innerContainer",
-          ref: C,
+          ref: c,
           "append:icon": n["append:icon"],
-          clearable: e.clearable && i(S)(e.modelValue),
+          clearable: e.clearable && u(F)(e.modelValue),
           "prepend:icon": n["prepend:icon"],
-          "onClick:clear": o[2] || (o[2] = (s) => e.$emit("update:modelValue", null))
+          "onClick:clear": o[0] || (o[0] = (i) => e.$emit("update:modelValue", null))
         }, {
-          prepend: t(() => [
+          prepend: l(() => [
             r(e.$slots, "prepend")
           ]),
-          prefix: t(() => [
+          prefix: l(() => [
             r(e.$slots, "prefix")
           ]),
-          append: t(() => [
-            d("button", {
+          append: l(() => [
+            p("button", {
               ref: "indicator",
-              "aria-label": i(g)("colorInput.paletteLabel").value,
+              "aria-label": u(V)("colorInput.paletteLabel").value,
               class: "bb-base-color-input__indicator",
-              style: U({ backgroundColor: n.modelValue ?? void 0 }),
+              style: N({ backgroundColor: n.modelValue ?? void 0 }),
               type: "button",
-              onClick: z($, ["stop"])
-            }, null, 12, R),
+              onClick: q(g, ["stop"])
+            }, null, 12, G),
             r(e.$slots, "append", {}, () => [
-              d("span", W, [
+              p("span", J, [
                 r(e.$slots, "suffix")
               ])
             ])
           ]),
-          default: t(() => [
-            i(H) ? (m(), c(J, {
-              key: 0,
-              modelValue: l.value,
-              "onUpdate:modelValue": o[1] || (o[1] = (s) => l.value = s),
-              block: !0,
-              class: "bb-base-color-input__pallette",
-              dialog: "",
-              offset: 4,
-              "transition-duration": e.transitionDuration
-            }, {
-              default: t(() => [
-                b(T, {
-                  ref_key: "pallette",
-                  ref: V,
-                  inert: !l.value,
-                  "model-value": e.modelValue,
-                  "onUpdate:modelValue": o[0] || (o[0] = (s) => a("update:modelValue", s))
-                }, null, 8, ["inert", "model-value"])
-              ]),
-              _: 1
-            }, 8, ["modelValue", "transition-duration"])) : _("", !0),
-            N(d("input", q(w, {
-              id: i(v),
+          default: l(() => [
+            M(p("input", _(h, {
+              id: u(v),
               "aria-describedby": e.ariaDescribedby,
               "aria-invalid": e.hasErrors ? !0 : void 0,
               autocomplete: e.autocomplete,
@@ -154,17 +132,37 @@ const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
               size: "1",
               type: "text",
               value: e.modelValue
-            }), null, 16, Q), [
-              [i(P), B]
+            }), null, 16, j), [
+              [u(A), w]
             ])
           ]),
           _: 3
-        }, 8, ["append:icon", "clearable", "prepend:icon"])
+        }, 8, ["append:icon", "clearable", "prepend:icon"]),
+        d(T, {
+          modelValue: t.value,
+          "onUpdate:modelValue": o[2] || (o[2] = (i) => t.value = i),
+          anchor: c.value,
+          class: "bb-base-color-input__pallette",
+          dialog: "",
+          offset: 4,
+          "transition-duration": e.transitionDuration
+        }, {
+          default: l(() => [
+            d(K, {
+              ref_key: "pallette",
+              ref: k,
+              inert: !t.value,
+              "model-value": e.modelValue,
+              "onUpdate:modelValue": o[1] || (o[1] = (i) => a("update:modelValue", i))
+            }, null, 8, ["inert", "model-value"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "anchor", "transition-duration"])
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  de as default
+  re as default
 };

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { defineComponent as E, ref as m, computed as n, watch as _, createElementBlock as p, openBlock as h, normalizeProps as i, guardReactiveProps as f, createCommentVNode as I, createElementVNode as l, mergeProps as k, renderSlot as F } from "vue";
-import { isCssColor as y } from "./index235.js";
-import { when as N } from "./index250.js";
-import { booleanishToBoolean as S } from "./index233.js";
+import { isCssColor as y } from "./index224.js";
+import { when as N } from "./index232.js";
+import { booleanishToBoolean as S } from "./index253.js";
 const A = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index19.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as s, renderSlot as l, normalizeProps as b, guardReactiveProps as v, createVNode as R, mergeProps as T } from "vue";
 import W from "./index17.js";
 /* empty css        */
-import K from "./index224.js";
+import K from "./index215.js";
 /* empty css         */
-import { useItemsGetter as N } from "./index226.js";
-import { useIndexById as w } from "./index227.js";
-import { useBaseOptions as U } from "./index228.js";
-import { useCoherence as q } from "./index229.js";
-import { hash as J } from "./index230.js";
-import { useHashedWatcher as C } from "./index231.js";
-import { usePrefill as Q } from "./index232.js";
+import { useItemsGetter as N } from "./index217.js";
+import { useIndexById as w } from "./index218.js";
+import { useBaseOptions as U } from "./index219.js";
+import { useCoherence as q } from "./index220.js";
+import { hash as J } from "./index221.js";
+import { useHashedWatcher as C } from "./index222.js";
+import { usePrefill as Q } from "./index223.js";
 const de = /* @__PURE__ */ j({
   __name: "BaseCheckboxGroup",
   props: {

package/dist/index21.js

@@ -5,22 +5,22 @@ import { _config as C } from "./index4.js";
 import { useId as F } from "./index8.js";
 import f from "./index13.js";
 /* empty css        */
-import s from "./index236.js";
-import G from "./index237.js";
-import J from "./index238.js";
-import K from "./index239.js";
-import Q from "./index240.js";
-import X from "./index241.js";
-import ee from "./index242.js";
-import { hash as M } from "./index230.js";
-import { last as ae } from "./index243.js";
-import { useLogger as te } from "./index244.js";
-import oe from "./index245.js";
-import le from "./index246.js";
-import re from "./index247.js";
-import B from "./index248.js";
-import se from "./index249.js";
-import { useLocale as de } from "./index216.js";
+import s from "./index233.js";
+import G from "./index236.js";
+import J from "./index237.js";
+import K from "./index238.js";
+import Q from "./index235.js";
+import X from "./index260.js";
+import ee from "./index261.js";
+import { hash as M } from "./index221.js";
+import { last as ae } from "./index226.js";
+import { useLogger as te } from "./index262.js";
+import oe from "./index263.js";
+import le from "./index264.js";
+import re from "./index265.js";
+import B from "./index266.js";
+import se from "./index267.js";
+import { useLocale as de } from "./index240.js";
 const ie = { class: "bb-base-date-picker" }, ne = { class: "bb-base-date-picker__body" }, ue = { class: "bb-base-date-picker__controls" }, me = { class: "sr-only" }, pe = { class: "sr-only" }, ce = { class: "sr-only" }, fe = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index212.js

@@ -1,6 +1,6 @@
-import { getCurrentScope as O, onScopeDispose as W, onMounted as S, nextTick as C, watch as F, isRef as P, getCurrentInstance as g, toValue as b, hasInjectionContext as k, inject as v } from "vue";
+import { onMounted as O, nextTick as W, getCurrentScope as S, onScopeDispose as C, watch as F, getCurrentInstance as g, isRef as P, toValue as b, hasInjectionContext as k, inject as v } from "vue";
 function V(e) {
-  return O() ? (W(e), !0) : !1;
+  return S() ? (C(e), !0) : !1;
 }
 const w = /* @__PURE__ */ new WeakMap(), E = (...e) => {
   var r;
@@ -89,7 +89,7 @@ function N(e, r, n = {}) {
   );
 }
 function K(e, r = !0, n) {
-  L() ? S(e, n) : r ? e() : C(e);
+  L() ? O(e, n) : r ? e() : W(e);
 }
 function Q(e, r, n = {}) {
   const {

package/dist/index215.js

@@ -1,6 +1,88 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+import { defineComponent as h, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createCommentVNode as p, createTextVNode as o, toDisplayString as d, unref as b, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index240.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__ */ h({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(f) {
+    const { t: i } = g();
+    return (a, T) => (s(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": a.hasErrors,
+        "bb-cr-container--horizontal": a.direction === "horizontal",
+        "bb-cr-container--vertical": a.direction === "vertical"
+      }])
+    }, [
+      l("span", k, [
+        t(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (s(), n("span", y, [
+          t(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText || b(i)("common.loadingText")), 1)
+          ])
+        ])) : a.options.length ? p("", !0) : (s(), n("span", $, [
+          t(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText || b(i)("common.noDataText")), 1)
+          ])
+        ])),
+        (s(!0), n(m, null, u(a.options, (e, c) => (s(), n(m, {
+          key: (e == null ? void 0 : e.valueHash) || c
+        }, [
+          t(a.$slots, "option:prepend", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          }),
+          l("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
+          }, [
+            t(a.$slots, "input", {
+              index: c,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              t(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        t(a.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  x as isHex
+  C as default
 };

package/dist/index217.js

@@ -1,13 +1,31 @@
-import { ref as a, watch as c, toValue as u } from "vue";
-const i = (e, { initialValue: o = !1, nextValue: r = !0 } = {}) => {
-  const t = a(o), n = c(
-    () => u(e),
-    (s) => {
-      s && (t.value = r, n());
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index212.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
+          return;
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
+      }
+      e.value--;
     }
-  );
-  return t;
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
 };
 export {
-  i as useUntil
+  p as useItemsGetter
 };

package/dist/index218.js

@@ -1,22 +1,19 @@
-import { MaskInput as r } from "./index258.js";
-const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
-  if (a.arg == null || a.instance == null) return;
-  const s = "setup" in a.instance.$.type;
-  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
-}, k = (a, n) => {
-  var s;
-  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
-  if (t == null || (t == null ? void 0 : t.type) === "file") return;
-  let e = {};
-  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
-    const l = (o) => {
-      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
-      p(n, i);
-    };
-    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
-  }
-  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
+import { computed as i, unref as m } from "vue";
+import { hash as s } from "./index221.js";
+const p = ({ items: a, key: r }) => {
+  const n = i(() => {
+    const t = {}, c = new Array().concat(m(a));
+    for (let e = 0; e < c.length; e++) {
+      const o = c[e], u = r ? String(o[r]) : s(o);
+      t[u] = o;
+    }
+    return t;
+  });
+  return {
+    data: n,
+    get: (t) => r ? n.value[String(t[r])] : n.value[s(t)]
+  };
 };
 export {
-  k as vMaska
+  p as useIndexById
 };