bitboss-ui 2.1.1 → 2.1.3

package/dist/index222.js

@@ -1,5 +1,108 @@
-import r from "./index285.js";
-const t = r;
+import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index218.js";
+import { isNil as l } from "./index245.js";
+import E from "./index67.js";
+/* empty css        */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = a(e + 1);
+      return o;
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = l(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;
+    }, m = async () => {
+      if (!i.value) return;
+      const e = c();
+      n.value = e;
+    }, w = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, b = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, I = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, _ = (e) => {
+      if (!i.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, k = () => {
+      if (l(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        d(e) !== d(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
+      blur: r,
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      key: o.valueHash,
+      class: P({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
+  }
+});
 export {
-  t as deburr
+  K as default
 };

package/dist/index224.js

@@ -0,0 +1,102 @@
+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 "./index218.js";
+import { isNil as i } from "./index245.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 {
+  j as default
+};

package/dist/index226.js

@@ -1,19 +1,68 @@
-import { computed as i, unref as m } from "vue";
-import { hash as s } from "./index229.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)]
-  };
-};
+import { defineComponent as _, ref as $, createElementBlock as k, openBlock as r, normalizeClass as y, renderSlot as n, createBlock as c, createCommentVNode as s, createVNode as p, createElementVNode as l, unref as i } from "vue";
+/* empty css       */
+/* empty css       */
+import m from "./index85.js";
+/* empty css        */
+import C from "./index113.js";
+/* empty css         */
+import h from "./index331.js";
+import B from "./index332.js";
+/* empty css         */
+const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, A = /* @__PURE__ */ _({
+  __name: "CommonInputInnerContainer",
+  props: {
+    "append:icon": {},
+    clearable: { type: Boolean },
+    "prepend:icon": {},
+    preventFocus: { type: Boolean }
+  },
+  emits: ["click:clear"],
+  setup(u, { emit: d }) {
+    const t = u, f = d, o = $(), a = () => {
+      var e;
+      !o.value || t.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
+    }, b = () => {
+      f("click:clear"), a();
+    };
+    return (e, E) => (r(), k("span", {
+      ref_key: "container",
+      ref: o,
+      class: y(["bb-common-input-inner-container", {
+        "bb-common-input-inner-container--clearable": t.clearable
+      }]),
+      onClick: a
+    }, [
+      n(e.$slots, "prepend", {}, () => [
+        l("span", v, [
+          n(e.$slots, "prefix")
+        ])
+      ]),
+      e.$props["prepend:icon"] ? (r(), c(i(m), {
+        key: 0,
+        class: "bb-common-input-inner-container__prepend-icon",
+        type: e.$props["prepend:icon"]
+      }, null, 8, ["type"])) : s("", !0),
+      n(e.$slots, "default"),
+      p(B, {
+        "aria-hidden": !e.clearable,
+        tabindex: e.clearable ? 0 : -1,
+        onClick: b
+      }, null, 8, ["aria-hidden", "tabindex"]),
+      e.$props["append:icon"] ? (r(), c(i(m), {
+        key: 1,
+        class: "bb-common-input-inner-container__append-icon",
+        type: e.$props["append:icon"]
+      }, null, 8, ["type"])) : s("", !0),
+      p(h),
+      p(i(C)),
+      n(e.$slots, "append", {}, () => [
+        l("span", I, [
+          n(e.$slots, "suffix")
+        ])
+      ])
+    ], 2));
+  }
+});
 export {
-  p as useIndexById
+  A as default
 };

package/dist/index228.js

@@ -1,17 +1,15 @@
-import { isNil as f } from "./index262.js";
-import { computed as t, unref as o } from "vue";
-const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
-  const i = t(
-    () => new Array().concat(o(e))
-  ), s = t(() => i.value.reduce(
-    (r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
-    { coherent: [], incoherent: [] }
-  )), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
-  return {
-    status: s,
-    coherent: c
-  };
-};
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index289.js";
+const s = {}, c = { class: "bb-common-input-outer-container" };
+function p(o, a) {
+  return n(), t("span", c, [
+    e(o.$slots, "prepend-outer"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append-outer")
+  ]);
+}
+const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  a as useCoherence
+  i as default
 };

package/dist/index229.js

@@ -1,5 +1,4 @@
-import { hash as o } from "./index289.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
 export {
-  t as hash
+  n as isEmpty
 };

package/dist/index23.js

@@ -1,25 +1,25 @@
 import { defineComponent as K, watchEffect as Q, ref as l, computed as g, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as i, createVNode as B, unref as n, createCommentVNode as X, withDirectives as x, createElementVNode as s, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
 import { _config as te } from "./index4.js";
-import o from "./index234.js";
-import ae from "./index235.js";
-import oe from "./index236.js";
-import ne from "./index237.js";
-import re from "./index238.js";
-import le from "./index239.js";
-import { identity as ie } from "./index240.js";
-import { isEmpty as se } from "./index241.js";
-import { last as de } from "./index242.js";
+import o from "./index230.js";
+import ae from "./index231.js";
+import oe from "./index232.js";
+import ne from "./index233.js";
+import re from "./index234.js";
+import le from "./index235.js";
+import { identity as ie } from "./index236.js";
+import { isEmpty as se } from "./index229.js";
+import { last as de } from "./index221.js";
 import { useId as ue } from "./index8.js";
 import { useLocale as pe } from "./index210.js";
 import { useMobile as ce } from "./index9.js";
 import { useUntil as me } from "./index211.js";
-import { vMaska as fe } from "./index217.js";
+import { vMaska as fe } from "./index237.js";
 import be from "./index21.js";
 /* empty css        */
-import ke from "./index213.js";
+import ke from "./index226.js";
 /* empty css         */
-import ge from "./index215.js";
-import ye from "./index220.js";
+import ge from "./index228.js";
+import ye from "./index238.js";
 /* empty css         */
 const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Me = ["aria-label", "disabled"], he = ["id"], ze = /* @__PURE__ */ K({
   __name: "BaseDatePickerInput",

package/dist/index230.js

@@ -1,14 +1,7 @@
-import { hash as e } from "./index229.js";
-import { debouncedWatch as s } from "./index206.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+import { getDefaultExportFromCjs as r } from "./index306.js";
+import { __require as o } from "./index291.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  n as useHashedWatcher
+  s as default
 };

package/dist/index231.js

@@ -1,18 +1,7 @@
-import { isNotNil as n } from "./index140.js";
-import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
-const h = ({
-  fn: i,
-  onStart: s,
-  multiple: f,
-  currentValue: o
-}) => {
-  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
-    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
-  };
-  return a && (u(r), c(async () => {
-    l.value || await r();
-  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
-};
+import { getDefaultExportFromCjs as r } from "./index306.js";
+import { __require as o } from "./index293.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
 export {
-  h as usePrefill
+  m as default
 };

package/dist/index232.js

@@ -1,4 +1,7 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { getDefaultExportFromCjs as r } from "./index306.js";
+import { __require as e } from "./index295.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  s as isCssColor
+  m as default
 };

package/dist/index233.js

@@ -1,6 +1,7 @@
-import { curry as e } from "./index286.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+import { getDefaultExportFromCjs as r } from "./index306.js";
+import { __require as e } from "./index297.js";
+var t = e();
+const m = /* @__PURE__ */ r(t);
 export {
-  t as baseWhen,
-  s as when
+  m as default
 };

package/dist/index234.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./index307.js";
-import { __require as o } from "./index292.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as r } from "./index306.js";
+import { __require as e } from "./index299.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  s as default
+  m as default
 };

package/dist/index235.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./index307.js";
-import { __require as o } from "./index294.js";
-var t = o();
-const m = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as r } from "./index306.js";
+import { __require as t } from "./index301.js";
+var o = t();
+const a = /* @__PURE__ */ r(o);
 export {
-  m as default
+  a as default
 };

package/dist/index236.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index307.js";
-import { __require as e } from "./index296.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+const e = (t) => t;
 export {
-  m as default
+  e as identity
 };

package/dist/index237.js

@@ -1,7 +1,22 @@
-import { getDefaultExportFromCjs as r } from "./index307.js";
-import { __require as e } from "./index298.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+import { MaskInput as r } from "./index266.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));
+};
 export {
-  m as default
+  k as vMaska
 };

package/dist/index238.js

@@ -1,7 +1,115 @@
-import { getDefaultExportFromCjs as r } from "./index307.js";
-import { __require as e } from "./index300.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as n, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
+import { wait as F } from "./index135.js";
+import { useFloating as U, arrow as j } from "./index329.js";
+import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index330.js";
+const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ D({
+    arrowPadding: {},
+    offset: {},
+    block: { type: Boolean },
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    containerAttributes: {},
+    dialog: { type: Boolean },
+    renderContent: { type: Boolean, default: !0 },
+    tag: { default: "span" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: l, update: M } = U(
+      i,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: J,
+        middleware: [
+          q(),
+          G(o.offset),
+          H({ padding: o.padding }),
+          I(),
+          j({
+            element: p,
+            padding: o.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    ), d = (e) => {
+      e ? (M(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
+        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
+      });
+    };
+    A(a, d, { flush: "post" }), x(() => {
+      a.value && d(a.value);
+    });
+    const $ = S(() => {
+      if (l.value.arrow) {
+        const { x: e, y: u } = l.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${u}px`
+          }
+        };
+      }
+    }), B = () => {
+      a.value = !1;
+    };
+    return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
+      ref_key: "wrapper",
+      ref: i,
+      class: E(["bb-common-popover", {
+        "bb-common-popover--open": a.value && !!t.value,
+        "bb-common-popover--block": o.block,
+        [`bb-common-popover--${n(_)}`]: !0
+      }]),
+      style: z({
+        "--transition-duration": `${o.transitionDuration}ms`
+      })
+    }, {
+      default: w(() => {
+        var m, c, f;
+        return [
+          y(e.$slots, "activator"),
+          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
+            key: 0,
+            ref_key: "content",
+            ref: t,
+            class: ["bb-common-popover__bubble-container", {
+              "bb-common-popover__bubble-container--open": a.value && !!t.value
+            }],
+            popover: "manual",
+            style: {
+              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
+              ...n(k),
+              "--arrow-offset-x": Math.round(((f = (c = n(l)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
+              "--page-padding": `${e.padding}px`
+            },
+            tabindex: a.value ? void 0 : -1
+          }, e.containerAttributes, { onClose: n(B) }), {
+            default: w(() => [
+              C("span", h({
+                ref_key: "bubblearrow",
+                ref: p,
+                class: "bb-common-popover__arrow"
+              }, $.value), null, 16),
+              C("span", K, [
+                y(e.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
 export {
-  m as default
+  W as default
 };

package/dist/index240.js

@@ -1,4 +1,4 @@
-const e = (t) => t;
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  e as identity
+  s as isCssColor
 };

package/dist/index241.js

@@ -1,4 +1,6 @@
-const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
+import { curry as e } from "./index305.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  n as isEmpty
+  t as baseWhen,
+  s as when
 };

package/dist/index242.js

@@ -1,4 +1,4 @@
-const e = (t) => t[t.length - 1];
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  e as last
+  o as booleanishToBoolean
 };