bitboss-ui 2.1.98 → 2.1.99

package/dist/index234.js

@@ -1,7 +1,108 @@
-import { getDefaultExportFromCjs as r } from "./index335.js";
-import { __require as e } from "./index318.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+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 "./index221.js";
+import { isNil as l } from "./index242.js";
+import E from "./index68.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 {
-  m as default
+  K as default
 };

package/dist/index236.js

@@ -1,4 +1,102 @@
-const e = (t) => t;
+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 "./index221.js";
+import { isNil as i } from "./index242.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 {
-  e as identity
+  j as default
 };

package/dist/index238.js

@@ -1,22 +1,137 @@
-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?.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);
+import { defineComponent as A, 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 j, createElementVNode as q, createElementBlock as I, createCommentVNode as R, renderSlot as X, nextTick as z } from "vue";
+import { useCancelableFunction as G } from "./index335.js";
+import { useUntil as H } from "./index241.js";
+import { extractDomContainer as x } from "./index248.js";
+import { waitFor as J } from "./index336.js";
+import { arrow as K, useFloating as O } from "./index337.js";
+import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index338.js";
+const oe = {
+  key: 0,
+  class: "bb-common-popover__bubble"
+}, ue = /* @__PURE__ */ A({
+  __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"), s = 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 = H(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 ? [] : [
+          K({
+            element: f,
+            padding: o.arrowPadding
+          })
+        ]
+      ];
+    }), { floatingStyles: E, placement: M, middlewareData: u, update: v } = O(
+      _,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: ee,
+        middleware: k,
+        strategy: "fixed"
+      }
+    ), { execute: b } = G(
+      ({ signal: e }, n) => new Promise((l) => {
+        let i;
+        const p = () => {
+          i && clearTimeout(i);
+        };
+        e.addEventListener("abort", p), n ? ($(), v(), J(() => !!t.value).then(() => {
+          s.value = !0, e.removeEventListener("abort", p), l(void 0);
+        })) : (s.value = !1, i = setTimeout(() => {
+          z(() => {
+            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", p), v(), l(void 0);
+          });
+        }, o.transitionDuration));
+      })
+    ), $ = () => {
+      if (!t.value) return;
+      if (!o.dialog) return t.value.showPopover();
+      t.value.showModal();
     };
-    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+    F(r, b), S(() => {
+      r.value && b(r.value);
+    });
+    const D = a(() => {
+      const e = r.value ? void 0 : -1, n = Math.round(u.value.arrow?.x ?? 0), l = o.dialog ? void 0 : "manual";
+      return {
+        style: {
+          ...E.value,
+          "--transition-duration": `${o.transitionDuration}ms`,
+          "--page-padding": `${o.padding}px`,
+          "--arrow-offset-x": `${n}px`
+        },
+        popover: l,
+        tabindex: e
+      };
+    }), V = a(() => {
+      if (u.value.arrow) {
+        const { x: e, y: n } = u.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${n}px`
+          }
+        };
+      }
+    }), d = () => {
+      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": s.value,
+        "bb-common-popover--no-arrow": e.hideArrow,
+        [`bb-common-popover--${y(M)}`]: !0
+      }]
+    }, D.value, {
+      onClick: h(d, ["self", "stop"]),
+      onContextmenu: h(d, ["self", "stop", "prevent"]),
+      onClose: d
+    }), {
+      default: j(() => [
+        q("span", g({
+          ref_key: "bubblearrow",
+          ref: f,
+          class: "bb-common-popover__arrow"
+        }, V.value), null, 16),
+        y(B) ? (w(), I("span", oe, [
+          X(e.$slots, "default")
+        ])) : R("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
   }
-  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
-};
+});
 export {
-  k as vMaska
+  ue as default
 };

package/dist/index24.js

@@ -1,23 +1,23 @@
 import { defineComponent as Ye, watchEffect as Ie, ref as y, computed as h, watch as N, onBeforeUnmount as Fe, createBlock as Ee, openBlock as A, normalizeClass as _, withCtx as g, createElementVNode as p, createVNode as H, unref as f, createElementBlock as W, withDirectives as we, createCommentVNode as Ae, toDisplayString as U, mergeProps as ae, withModifiers as Be, renderSlot as Y } from "vue";
 import { _config as te } from "./index4.js";
-import c from "./index219.js";
-import Ce from "./index233.js";
-import ne from "./index234.js";
-import Le from "./index220.js";
-import Oe from "./index221.js";
-import Pe from "./index235.js";
-import { identity as Re } from "./index236.js";
-import { isEmpty as qe } from "./index237.js";
+import c from "./index251.js";
+import Ce from "./index252.js";
+import ne from "./index253.js";
+import Le from "./index254.js";
+import Oe from "./index255.js";
+import Pe from "./index256.js";
+import { identity as Re } from "./index257.js";
+import { isEmpty as qe } from "./index222.js";
 import { useId as Te } from "./index8.js";
-import { useLocale as je } from "./index232.js";
+import { useLocale as je } from "./index231.js";
 import { useMobile as Ne } from "./index9.js";
-import { vMaska as _e } from "./index238.js";
+import { vMaska as _e } from "./index258.js";
 import He from "./index22.js";
 /* empty css        */
 import We from "./index137.js";
 /* empty css         */
 import Ue from "./index139.js";
-import Ke from "./index239.js";
+import Ke from "./index238.js";
 /* empty css         */
 const ze = { class: "bb-base-date-picker-input__inner-wrapper" }, Ge = ["id", "aria-invalid", "aria-label", "autocomplete", "autofocus", "disabled", "name", "readonly", "required", "value"], Xe = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Ze = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Je = ["id", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Qe = ["aria-label", "aria-expanded", "disabled"], xe = ["inert"], K = "DD/MM/YYYY", k = "YYYY-MM-DD", Da = /* @__PURE__ */ Ye({
   __name: "BaseDatePickerInput",

package/dist/index240.js

@@ -0,0 +1,106 @@
+import { defineComponent as u, ref as g, createBlock as l, openBlock as d, withCtx as n, renderSlot as i, normalizeProps as s, guardReactiveProps as a } from "vue";
+import m from "./index339.js";
+import f from "./index340.js";
+const B = /* @__PURE__ */ u({
+  __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"],
+  setup(h, { expose: r }) {
+    const t = g();
+    return r({
+      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()
+    }), (o, p) => 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": p[0] || (p[0] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": p[1] || (p[1] = (e) => o.$emit("option:unselected", e))
+    }, {
+      "options:prepend": n(() => [
+        i(o.$slots, "options:prepend")
+      ]),
+      loading: n(() => [
+        i(o.$slots, "loading")
+      ]),
+      "no-data": n(() => [
+        i(o.$slots, "no-data")
+      ]),
+      "options:append": n(() => [
+        i(o.$slots, "options:append")
+      ]),
+      option: n((e) => [
+        i(o.$slots, "option", s(a(e)))
+      ]),
+      group: n((e) => [
+        i(o.$slots, "group", s(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": p[2] || (p[2] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": p[3] || (p[3] = (e) => o.$emit("option:unselected", e))
+    }, {
+      "options:prepend": n(() => [
+        i(o.$slots, "options:prepend")
+      ]),
+      loading: n(() => [
+        i(o.$slots, "loading")
+      ]),
+      "no-data": n(() => [
+        i(o.$slots, "no-data")
+      ]),
+      "options:append": n(() => [
+        i(o.$slots, "options:append")
+      ]),
+      option: n((e) => [
+        i(o.$slots, "option", s(a(e)))
+      ]),
+      _: 3
+    }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "option-height", "transition-duration"]));
+  }
+});
+export {
+  B as default
+};

package/dist/index241.js

@@ -1,88 +1,15 @@
-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 "./index232.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));
-  }
-});
+import { ref as c, watch as f, toValue as u } from "vue";
+const p = (e, { initialValue: r = !1, nextValue: o = !0 } = {}) => {
+  const t = c(r);
+  if (r) return t;
+  const n = f(
+    () => u(e),
+    (s) => {
+      s && (t.value = o, n());
+    }
+  );
+  return t;
+};
 export {
-  C as default
+  p as useUntil
 };

package/dist/index242.js

@@ -0,0 +1,4 @@
+const r = (e) => typeof e > "u" || e === null;
+export {
+  r as isNil
+};

package/dist/index243.js

@@ -1,31 +1,13 @@
-import { ref as a, computed as s, unref as v } from "vue";
-import { useDebounceFn as f } from "./index216.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--;
-    }
-  }, c = f(n, u.debounce || 0);
-  return {
-    getter: n,
-    debouncedGetter: c,
-    items: t,
-    loading: s(() => !!e.value)
-  };
-};
+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 {
-  p as useItemsGetter
+  c as get
 };