bitboss-ui 2.1.115 → 2.1.117

package/dist/index266.js

@@ -1,4 +1,102 @@
-const o = (e) => e[0];
+import { defineComponent as F, ref as H, computed as L, watch as N, createElementBlock as d, openBlock as v, Fragment as S, renderList as A, withModifiers as O, normalizeClass as P, toDisplayString as V } from "vue";
+import { hash as f } from "./index233.js";
+import { isNil as i } from "./index228.js";
+const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
+  __name: "CommaBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(m, { expose: h, emit: x }) {
+    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
+      const s = i(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = u(e + 1);
+      return o;
+    }, b = () => {
+      if (!l.value) return;
+      const e = u();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = i(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, w = async () => {
+      if (!l.value) return;
+      const e = c();
+      n.value = e;
+    }, I = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, k = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, _ = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, C = (e) => {
+      if (!l.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, y = () => {
+      if (i(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && a("option:unselected", e);
+    }, B = () => i(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        f(e) !== f(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), h({
+      focusNext: b,
+      focusPrevious: w,
+      focusFirst: I,
+      focusFirstSelected: k,
+      focusLast: g,
+      focusLastSelected: _,
+      blur: r,
+      confirmOption: y,
+      focusByHash: C,
+      getHighlighted: B
+    }), (e, s) => (v(!0), d(S, null, A(e.options, (o, p) => (v(), d("span", {
+      key: o.valueHash,
+      class: P({
+        "bb-commabox-item": !0,
+        "bb-commabox-item--focused": p === n.value,
+        "bb-commabox-item--has-comma": p !== e.options.length - 1
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
+    }, V(o.text), 43, z))), 128));
+  }
+});
 export {
-  o as head
+  j as default
 };

package/dist/index268.js

@@ -1,9 +1,109 @@
-function o(t, e, n, r, a) {
-  if (n === e)
-    throw new Error("Original boundaries cannot be equal.");
-  const c = (t - e) / (n - e);
-  return r + c * (a - r);
-}
+import { defineComponent as r, ref as g, createBlock as l, openBlock as d, withCtx as i, renderSlot as s, normalizeProps as p, guardReactiveProps as a } from "vue";
+import m from "./index346.js";
+import f from "./index347.js";
+const y = /* @__PURE__ */ r({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    groups: {},
+    headerHeight: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: {},
+    loadingText: {},
+    noDataText: {},
+    optionHeight: {}
+  },
+  emits: ["option:selected", "option:unselected", "focused:change"],
+  setup(h, { expose: u }) {
+    const t = g();
+    return u({
+      focusNext: () => t.value?.focusNext(),
+      focusPrevious: () => t.value?.focusPrevious(),
+      focusFirst: () => t.value?.focusFirst(),
+      focusFirstSelected: () => t.value?.focusFirstSelected(),
+      focusLast: () => t.value?.focusLast(),
+      focusLastSelected: () => t.value?.focusLastSelected(),
+      blur: () => t.value?.blur(),
+      confirmOption: () => t.value?.confirmOption(),
+      focusByHash: (o) => t.value?.focusByHash(o),
+      getHighlighted: () => t.value?.getHighlighted(),
+      getActiveDescendantId: () => t.value?.getActiveDescendantId()
+    }), (o, n) => o.groups ? (d(), l(f, {
+      key: 0,
+      ref_key: "child",
+      ref: t,
+      compact: o.compact,
+      groups: o.groups,
+      "header-height": o.headerHeight,
+      loading: o.loading,
+      "loading-text": o.loadingText,
+      multiple: o.multiple,
+      "no-data-text": o.noDataText,
+      open: o.open,
+      "option-height": o.optionHeight,
+      "transition-duration": o.transitionDuration,
+      "onOption:selected": n[0] || (n[0] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": n[1] || (n[1] = (e) => o.$emit("option:unselected", e)),
+      "onFocused:change": n[2] || (n[2] = (e) => o.$emit("focused:change", e))
+    }, {
+      "options:prepend": i(() => [
+        s(o.$slots, "options:prepend")
+      ]),
+      loading: i(() => [
+        s(o.$slots, "loading")
+      ]),
+      "no-data": i(() => [
+        s(o.$slots, "no-data")
+      ]),
+      "options:append": i(() => [
+        s(o.$slots, "options:append")
+      ]),
+      option: i((e) => [
+        s(o.$slots, "option", p(a(e)))
+      ]),
+      group: i((e) => [
+        s(o.$slots, "group", p(a(e)))
+      ]),
+      _: 3
+    }, 8, ["compact", "groups", "header-height", "loading", "loading-text", "multiple", "no-data-text", "open", "option-height", "transition-duration"])) : (d(), l(m, {
+      key: 1,
+      ref_key: "child",
+      ref: t,
+      compact: o.compact,
+      loading: o.loading,
+      "loading-text": o.loadingText,
+      multiple: o.multiple,
+      "no-data-text": o.noDataText,
+      open: o.open,
+      options: o.options ?? [],
+      "option-height": o.optionHeight,
+      "transition-duration": o.transitionDuration,
+      "onOption:selected": n[3] || (n[3] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": n[4] || (n[4] = (e) => o.$emit("option:unselected", e)),
+      "onFocused:change": n[5] || (n[5] = (e) => o.$emit("focused:change", e))
+    }, {
+      "options:prepend": i(() => [
+        s(o.$slots, "options:prepend")
+      ]),
+      loading: i(() => [
+        s(o.$slots, "loading")
+      ]),
+      "no-data": i(() => [
+        s(o.$slots, "no-data")
+      ]),
+      "options:append": i(() => [
+        s(o.$slots, "options:append")
+      ]),
+      option: i((e) => [
+        s(o.$slots, "option", p(a(e)))
+      ]),
+      _: 3
+    }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "option-height", "transition-duration"]));
+  }
+});
 export {
-  o as transpose
+  y as default
 };

package/dist/index269.js

@@ -1,5 +1,13 @@
-import { hash as r } from "./index231.js";
-const a = (o, t) => r(o) === r(t);
+function c(n, r, e) {
+  const i = typeof r == "string" ? r.split(".") : r;
+  let t = n;
+  for (const o of i)
+    if (t && typeof t == "object" && o in t)
+      t = t[o];
+    else
+      return e;
+  return t === void 0 ? e : t;
+}
 export {
-  a as isEqual
+  c as get
 };

package/dist/index270.js

@@ -1,6 +1,88 @@
-import { curry as e } from "./index323.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+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 "./index242.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 {
-  t as baseWhen,
-  s as when
+  C as default
 };

package/dist/index272.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index343.js";
-import { __require as e } from "./index332.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { hash as r } from "./index233.js";
+const a = (o, t) => r(o) === r(t);
 export {
-  m as default
+  a as isEqual
 };

package/dist/index273.js

@@ -1,7 +1,6 @@
-import { getDefaultExportFromCjs as r } from "./index343.js";
-import { __require as t } from "./index334.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+function e(t) {
+  return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/.test(t);
+}
 export {
-  a as default
+  e as isHex
 };

package/dist/index274.js

@@ -1,137 +1,22 @@
-import { defineComponent as V, mergeModels as L, useModel as T, ref as c, computed as a, watch as F, onMounted as S, createBlock as N, openBlock as w, resolveDynamicComponent as U, mergeProps as g, unref as y, withModifiers as h, withCtx as X, createElementVNode as j, createElementBlock as q, createCommentVNode as z, renderSlot as I, nextTick as O } from "vue";
-import { useCancelableFunction as R } from "./index352.js";
-import { useUntil as G } from "./index247.js";
-import { extractDomContainer as x } from "./index279.js";
-import { waitFor as H } from "./index294.js";
-import { arrow as J, useFloating as K } from "./index353.js";
-import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index354.js";
-const oe = {
-  key: 0,
-  class: "bb-common-popover__bubble"
-}, ue = /* @__PURE__ */ V({
-  __name: "CommonPopover",
-  props: /* @__PURE__ */ L({
-    arrowPadding: {},
-    eager: { type: Boolean },
-    offset: {},
-    padding: { default: 0 },
-    placement: {},
-    transitionDuration: { default: 250 },
-    anchor: {},
-    boundary: {},
-    dialog: { type: Boolean },
-    hideArrow: { type: Boolean },
-    tag: { default: "span" },
-    flip: { type: Boolean, default: !0 }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(m) {
-    const o = m, r = T(m, "modelValue"), u = c(r.value), C = a(() => o.dialog ? "dialog" : "span"), t = c(), f = c(), _ = a(() => {
-      const e = o.anchor;
-      return e && typeof e == "object" && "getBoundingClientRect" in e && !(e instanceof Element) ? e : x(e);
-    }), B = G(r, { initialValue: o.eager }), P = a(() => {
-      if (o.boundary)
-        return typeof o.boundary == "string" ? document.querySelector(o.boundary) ?? void 0 : x(o.boundary) ?? void 0;
-    }), k = a(() => {
-      const e = P.value;
-      return [
-        ...o.flip ? [Q(e ? { boundary: e } : void 0)] : [],
-        W(o.offset),
-        Y({ padding: o.padding, ...e ? { boundary: e } : {} }),
-        Z(),
-        ...o.hideArrow ? [] : [
-          J({
-            element: f,
-            padding: o.arrowPadding
-          })
-        ]
-      ];
-    }), { floatingStyles: E, placement: M, middlewareData: d, update: v } = K(
-      _,
-      t,
-      {
-        placement: o.placement,
-        whileElementsMounted: ee,
-        middleware: k,
-        strategy: "fixed"
-      }
-    ), { execute: b } = R(
-      ({ signal: e }, n) => new Promise((i) => {
-        let l;
-        const s = () => {
-          l && clearTimeout(l);
-        };
-        e.addEventListener("abort", s), n ? (A(), v(), H(() => !!t.value).then(() => {
-          u.value = !0, e.removeEventListener("abort", s), i(void 0);
-        })) : (u.value = !1, l = setTimeout(() => {
-          O(() => {
-            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", s), v(), i(void 0);
-          });
-        }, o.transitionDuration));
-      })
-    ), A = () => {
-      if (!t.value) return;
-      if (!o.dialog) return t.value.showPopover();
-      t.value.showModal();
+import { MaskInput as r } from "./index298.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?.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);
     };
-    F(r, b), S(() => {
-      r.value && b(r.value);
-    });
-    const $ = a(() => {
-      const e = r.value ? void 0 : -1, n = d.value.arrow?.x, i = o.hideArrow || n == null ? "50%" : `${Math.round(n)}px`, l = o.dialog ? void 0 : "manual";
-      return {
-        style: {
-          ...E.value,
-          "--transition-duration": `${o.transitionDuration}ms`,
-          "--page-padding": `${o.padding}px`,
-          "--arrow-offset-x": i
-        },
-        popover: l,
-        tabindex: e
-      };
-    }), D = a(() => {
-      if (d.value.arrow) {
-        const { x: e, y: n } = d.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${n}px`
-          }
-        };
-      }
-    }), p = () => {
-      r.value = !1;
-    };
-    return (e, n) => (w(), N(U(C.value), g({
-      ref_key: "wrapper",
-      ref: t,
-      class: ["bb-common-popover", {
-        "bb-common-popover--open": u.value,
-        "bb-common-popover--no-arrow": e.hideArrow,
-        [`bb-common-popover--${y(M)}`]: !0
-      }]
-    }, $.value, {
-      onClick: h(p, ["self", "stop"]),
-      onContextmenu: h(p, ["self", "stop", "prevent"]),
-      onClose: p
-    }), {
-      default: X(() => [
-        j("span", g({
-          ref_key: "bubblearrow",
-          ref: f,
-          class: "bb-common-popover__arrow"
-        }, D.value), null, 16),
-        y(B) ? (w(), q("span", oe, [
-          I(e.$slots, "default")
-        ])) : z("", !0)
-      ]),
-      _: 3
-    }, 16, ["class"]));
+    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));
+};
 export {
-  ue as default
+  k as vMaska
 };

package/dist/index275.js

@@ -0,0 +1,34 @@
+import { defineComponent as t, createElementBlock as r, openBlock as n, createElementVNode as e } from "vue";
+const l = {
+  class: "bb-error-icon",
+  fill: "none",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+}, p = /* @__PURE__ */ t({
+  __name: "ErrorIcon",
+  setup(s) {
+    return (i, o) => (n(), r("svg", l, o[0] || (o[0] = [
+      e("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),
+      e("path", {
+        d: "M9.99414 6.66666V9.99999",
+        stroke: "white",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2"
+      }, null, -1),
+      e("path", {
+        d: "M9.99414 13.3333H10.0025",
+        stroke: "white",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2"
+      }, null, -1)
+    ])));
+  }
+});
+export {
+  p as default
+};

package/dist/index277.js

@@ -1,11 +1,30 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
+import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
+import { useLocale as s } from "./index242.js";
+const c = ["aria-label"], b = /* @__PURE__ */ l({
+  __name: "ClearableButton",
+  setup(u) {
+    const { t: o } = s();
+    return (i, e) => (r(), n("button", {
+      "aria-label": a(o)("common.clearLabel").value,
+      class: "bb-clearable-button",
+      type: "button"
+    }, e[0] || (e[0] = [
+      t("svg", {
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        t("path", {
+          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "stroke-width": "2"
+        })
+      ], -1)
+    ]), 8, c));
   }
-  return -1;
-};
+});
 export {
-  o as findRightIndex
+  b as default
 };

package/dist/index279.js

@@ -1,6 +1,11 @@
-function e(n) {
-  return n ? n instanceof HTMLElement ? n : typeof n == "object" && "$el" in n && n.$el instanceof HTMLElement ? n.$el : typeof n == "object" && "el" in n && n.el instanceof HTMLElement ? n.el : null : null;
-}
+import { get as o } from "./index269.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);
+  }
+});
 export {
-  e as extractDomContainer
+  e as useItemValue
 };

package/dist/index28.js

@@ -1,5 +1,5 @@
 import { defineComponent as V, computed as a, ref as D, watchPostEffect as M, nextTick as N, createElementBlock as c, openBlock as o, normalizeClass as I, createBlock as E, createVNode as P, createElementVNode as h, resolveDynamicComponent as C, normalizeProps as l, guardReactiveProps as s, withCtx as p, renderSlot as k, createTextVNode as q, toDisplayString as f, unref as v, Transition as F, createCommentVNode as G, TransitionGroup as R, Fragment as j, renderList as x } from "vue";
-import { deburr as J } from "./index284.js";
+import { deburr as J } from "./index281.js";
 import { getAsPercentage as T } from "./index144.js";
 import { useId as K } from "./index8.js";
 const O = ["id"], Q = { class: "bb-base-input-container__hint" }, Z = /* @__PURE__ */ V({

package/dist/index280.js

@@ -1,25 +1,23 @@
-const i = (t) => {
-  const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
-  return parseFloat(n) || 0;
-};
-function s(t) {
-  if (typeof t == "number")
-    return {
-      value: i(t),
-      unit: "px"
-    };
-  if (typeof t == "string") {
-    const r = /^(-?\d*\.?\d+)([a-zA-Z%]*)?$/, e = t.match(r);
-    if (e) {
-      const [, n, o = "px"] = e, a = parseFloat(n);
-      return {
-        value: i(a),
-        unit: o
-      };
+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`
+        );
     }
+    l[f] = s;
   }
-  throw new Error(`Invalid width: ${t}`);
+  return l;
 }
 export {
-  s as parseWidthString
+  i as indexBy
 };