bitboss-ui 2.0.170 → 2.0.172

package/dist/index235.js

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

package/dist/index237.js

@@ -1,14 +1,88 @@
-import { hash as e } from "./index216.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 { 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 "./index211.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 {
-  n as useHashedWatcher
+  C as default
 };

package/dist/index239.js

@@ -1,5 +1,31 @@
-import r from "./index314.js";
-const t = r;
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index206.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)
+  };
+};
 export {
-  t as deburr
+  p as useItemsGetter
 };

package/dist/index240.js

@@ -1,6 +1,19 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+import { computed as i, unref as m } from "vue";
+import { hash as s } from "./index243.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 {
-  x as isHex
+  p as useIndexById
 };

package/dist/index241.js

@@ -1,43 +1,53 @@
-import { unrefElement as g } from "./index137.js";
-import { toArray as A, notNullish as D, tryOnScopeDispose as y } from "./index206.js";
-import { createFocusTrap as F } from "./index315.js";
-import { shallowRef as n, computed as T, toValue as i, watch as w } from "vue";
-function N(f, a = {}) {
-  let t;
-  const { immediate: l, ...p } = a, o = n(!1), r = n(!1), c = (e) => t && t.activate(e), u = (e) => t && t.deactivate(e), v = () => {
-    t && (t.pause(), r.value = !0);
-  }, m = () => {
-    t && (t.unpause(), r.value = !1);
-  }, h = T(() => {
-    const e = i(f);
-    return A(e).map((d) => {
-      const s = i(d);
-      return typeof s == "string" ? s : g(s);
-    }).filter(D);
-  });
-  return w(
-    h,
-    (e) => {
-      e.length && (t = F(e, {
-        ...p,
-        onActivate() {
-          o.value = !0, a.onActivate && a.onActivate();
-        },
-        onDeactivate() {
-          o.value = !1, a.onDeactivate && a.onDeactivate();
-        }
-      }), l && c());
-    },
-    { flush: "post" }
-  ), y(() => u()), {
-    hasFocus: o,
-    isPaused: r,
-    activate: c,
-    deactivate: u,
-    pause: v,
-    unpause: m
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index288.js";
+import { useItemValue as w } from "./index273.js";
+import { hash as y } from "./index243.js";
+import { useLogger as D } from "./index262.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."
+        );
+        const s = f(i);
+        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
+      }
+      return e;
+    }),
+    createOption: f
+  };
+};
 export {
-  N as useFocusTrap
+  q as useBaseOptions
 };

package/dist/index242.js

@@ -1,22 +1,17 @@
-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));
+import { isNil as f } from "./index256.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
+  };
 };
 export {
-  k as vMaska
+  a as useCoherence
 };

package/dist/index243.js

@@ -1,96 +1,5 @@
-import { defineComponent as h, toRef as y, ref as o, computed as n, watch as x, createBlock as $, openBlock as b, withCtx as A, createElementBlock as k, mergeProps as l, createElementVNode as f, renderSlot as B } from "vue";
-import C from "./index252.js";
-import c from "./index348.js";
-import { useFloating as D, arrow as E } from "./index254.js";
-import { flip as P, offset as F, shift as M, autoUpdate as S } from "./index262.js";
-const W = /* @__PURE__ */ h({
-  __name: "CommonFloating",
-  props: {
-    arrowPadding: {},
-    eager: { type: Boolean },
-    offset: {},
-    padding: {},
-    placement: {},
-    theme: { default: "default" },
-    transitionDuration: {},
-    containerAttributes: { default: () => ({}) },
-    bubbleAttributes: {},
-    wrapper: {},
-    baseClass: {},
-    open: { type: Boolean },
-    teleportTarget: {}
-  },
-  setup(d) {
-    const e = d, m = y(e, "wrapper"), i = o(), s = o(), p = o(), { floatingStyles: g, placement: w, middlewareData: a } = D(
-      i,
-      s,
-      {
-        placement: e.placement,
-        whileElementsMounted: S,
-        middleware: [
-          P(),
-          F(e.offset),
-          M({ padding: e.padding }),
-          E({
-            element: p,
-            padding: e.arrowPadding
-          })
-        ]
-      }
-    ), _ = n(() => {
-      if (a.value.arrow) {
-        const { x: t, y: r } = a.value.arrow;
-        return {
-          style: {
-            left: `${t}px`,
-            top: `${r}px`
-          }
-        };
-      }
-    }), u = n(() => {
-      var t, r;
-      return c({}, e.containerAttributes, {
-        class: {
-          "bb-floating": !0,
-          [`bb-floating--${w.value}`]: !0,
-          [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
-          "bb-floating--hidden": !e.open,
-          "bb-floating--open": e.open
-        },
-        style: {
-          ...g.value,
-          "--transition-duration": `${e.transitionDuration}ms`,
-          "--arrow-offset-x": Math.round(((r = (t = a.value) == null ? void 0 : t.arrow) == null ? void 0 : r.x) ?? 0) + "px"
-        },
-        tabindex: e.open ? void 0 : -1
-      });
-    }), v = n(() => c({}, e.bubbleAttributes, {}));
-    return x(
-      () => e.open,
-      (t) => {
-        t && (i.value = m.value);
-      }
-    ), (t, r) => (b(), $(C, { target: t.teleportTarget }, {
-      default: A(() => [
-        (b(), k("span", l(u.value, {
-          key: u.value.id,
-          ref_key: "content",
-          ref: s
-        }), [
-          f("span", l({
-            ref_key: "bubblearrow",
-            ref: p,
-            class: "bb-floating__arrow"
-          }, _.value), null, 16),
-          f("span", l({ class: "bb-floating__bubble" }, v.value), [
-            B(t.$slots, "default")
-          ], 16)
-        ], 16))
-      ]),
-      _: 3
-    }, 8, ["target"]));
-  }
-});
+import { hash as o } from "./index289.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
-  W as default
+  t as hash
 };

package/dist/index244.js

@@ -0,0 +1,14 @@
+import { hash as e } from "./index243.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
+  );
+};
+export {
+  n as useHashedWatcher
+};