bitboss-ui 2.0.175 → 2.1.0

package/dist/index227.js

@@ -1,102 +1,22 @@
-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 "./index215.js";
-import { isNil as i } from "./index237.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));
+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));
+};
 export {
-  j as default
+  k as vMaska
 };

package/dist/index228.js

@@ -0,0 +1,115 @@
+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 "./index326.js";
+import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index327.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 {
+  W as default
+};

package/dist/index23.js

@@ -1,25 +1,25 @@
-import { defineComponent as K, watchEffect as Q, ref as l, computed as k, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as i, createVNode as B, unref as r, createCommentVNode as X, withDirectives as x, createElementVNode as s, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
+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 "./index246.js";
-import ae from "./index264.js";
-import oe from "./index250.js";
-import re from "./index247.js";
-import ne from "./index248.js";
-import le from "./index249.js";
-import { identity as ie } from "./index265.js";
-import { isEmpty as se } from "./index218.js";
-import { last as de } from "./index219.js";
+import o from "./index218.js";
+import ae from "./index219.js";
+import oe from "./index220.js";
+import ne from "./index221.js";
+import re from "./index222.js";
+import le from "./index223.js";
+import { identity as ie } from "./index224.js";
+import { isEmpty as se } from "./index225.js";
+import { last as de } from "./index226.js";
 import { useId as ue } from "./index8.js";
-import { useLocale as pe } from "./index222.js";
+import { useLocale as pe } from "./index216.js";
 import { useMobile as ce } from "./index9.js";
-import { useUntil as me } from "./index260.js";
-import { vMaska as fe } from "./index261.js";
+import { useUntil as me } from "./index217.js";
+import { vMaska as fe } from "./index227.js";
 import be from "./index21.js";
 /* empty css        */
-import ge from "./index229.js";
+import ke from "./index212.js";
 /* empty css         */
-import ke from "./index231.js";
-import ye from "./index232.js";
+import ge from "./index214.js";
+import ye from "./index228.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",
@@ -44,18 +44,17 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
     range: { type: Boolean },
     readonly: { type: Boolean },
     required: { type: Boolean },
-    selectable: {},
-    teleportTarget: {}
+    selectable: {}
   },
   emits: ["active", "error", "focus", "inactive", "update:modelValue"],
   setup(I, { emit: $ }) {
     const L = { it: le, en: oe };
-    o.extend(ae), o.extend(re), o.extend(ne), Q(() => {
+    o.extend(ae), o.extend(ne), o.extend(re), Q(() => {
       o.locale(L[te.locale]);
     });
-    const t = I, d = $, { t: u } = pe(), v = l(null), y = l(null), O = l(null), _ = l(null), m = l(null), V = l(), f = t.id || `bdpi-${ue().id.value}`, { isMobile: P } = ce(), F = k(
+    const t = I, d = $, { t: u } = pe(), v = l(null), y = l(null), O = l(null), _ = l(null), m = l(null), V = l(), f = t.id || `bdpi-${ue().id.value}`, { isMobile: P } = ce(), F = g(
       () => t.allowWriting === "not-mobile" && P.value ? "none" : "numeric"
-    ), j = k(() => ({
+    ), j = g(() => ({
       "bb-base-date-picker-input": !0,
       "bb-base-date-picker-input--active": b.value,
       "bb-base-date-picker-input--errors": t.hasErrors,
@@ -72,10 +71,10 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
           } else e.target.value === "" && d("update:modelValue", null);
       }
     }, b = l(!1), H = () => {
-      b.value || (d("active"), b.value = !0, document.addEventListener("focusin", g), document.addEventListener("click", g));
-    }, g = (e) => {
+      b.value || (d("active"), b.value = !0, document.addEventListener("focusin", k), document.addEventListener("click", k));
+    }, k = (e) => {
       var a, p;
-      e.target instanceof HTMLElement && (a = y.value) != null && a.$el && !y.value.$el.contains(e.target) && !((p = v.value) != null && p.contains(e.target)) && (b.value = !1, d("inactive"), document.removeEventListener("focusin", g), document.removeEventListener("click", g));
+      e.target instanceof HTMLElement && (a = y.value) != null && a.$el && !y.value.$el.contains(e.target) && !((p = v.value) != null && p.contains(e.target)) && (b.value = !1, d("inactive"), document.removeEventListener("focusin", k), document.removeEventListener("click", k));
     }, M = (e) => {
       if (e)
         if (Array.isArray(e)) {
@@ -84,28 +83,28 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
         } else
           return o(e).format("DD/MM/YYYY");
       return null;
-    }, W = k(() => m.value ? m.value : M(t.modelValue));
+    }, W = g(() => m.value ? m.value : M(t.modelValue));
     D(
       () => t.modelValue,
       (e) => {
         m.value = M(e);
       }
     );
-    const n = l(!1), q = me(n), h = (e) => {
+    const r = l(!1), q = me(r), h = (e) => {
       const a = e.target;
-      a && a instanceof HTMLDialogElement && (n.value = !1);
+      a && a instanceof HTMLDialogElement && (r.value = !1);
     }, R = async () => {
-      t.disabled || t.readonly || (n.value = !0);
+      t.disabled || t.readonly || (r.value = !0);
     };
-    D(n, (e) => {
+    D(r, (e) => {
       var a;
       e ? document.addEventListener("click", h, { passive: !0 }) : ((a = V.value) == null || a.resetStatus(), document.removeEventListener("click", h));
     });
-    const T = l(!t.allowWriting || t.range), N = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, U = {
+    const N = l(!t.allowWriting || t.range), T = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, U = {
       "onUpdate:modelValue": (e) => {
-        d("update:modelValue", e), N(e) && (T.value = !1, n.value = !1);
+        d("update:modelValue", e), T(e) && (N.value = !1, r.value = !1);
       }
-    }, z = k(() => {
+    }, z = g(() => {
       if (t.range) {
         if (!t.modelValue || t.modelValue.length < 2)
           return u("baseDatePickerInput.emptyRange").value;
@@ -124,7 +123,7 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
       let e = null;
       t.range && (e = []), d("update:modelValue", e);
     };
-    return (e, a) => (Y(), C(ke, {
+    return (e, a) => (Y(), C(ge, {
       ref_key: "outerContainer",
       ref: y,
       class: w(j.value),
@@ -137,11 +136,11 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
         c(e.$slots, "append-outer")
       ]),
       default: i(() => [
-        B(ge, {
+        B(ke, {
           ref_key: "innerContainer",
           ref: O,
           "append:icon": t["append:icon"],
-          clearable: t.clearable && !r(se)(e.modelValue),
+          clearable: t.clearable && !n(se)(e.modelValue),
           "prepend:icon": t["prepend:icon"],
           "onClick:clear": G
         }, {
@@ -158,10 +157,10 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
             c(e.$slots, "suffix")
           ]),
           default: i(() => [
-            r(q) ? (Y(), C(ye, {
+            n(q) ? (Y(), C(ye, {
               key: 0,
-              modelValue: n.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (p) => n.value = p),
+              modelValue: r.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (p) => r.value = p),
               block: !0,
               dialog: "",
               offset: 4
@@ -171,11 +170,11 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
                   ref_key: "calendar",
                   ref: v,
                   class: w(["bb-base-date-picker-input__calendar", {
-                    "bb-base-date-picker-input__calendar--shown": n.value
+                    "bb-base-date-picker-input__calendar--shown": r.value
                   }]),
-                  inert: !n.value
+                  inert: !r.value
                 }, [
-                  B(be, S({ id: r(f) }, U, {
+                  B(be, S({ id: n(f) }, U, {
                     ref_key: "basedatepicker",
                     ref: V,
                     disabled: e.disabled,
@@ -192,10 +191,10 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
               _: 1
             }, 8, ["modelValue"])) : X("", !0),
             x(s("input", S({
-              id: r(f),
+              id: n(f),
               ref_key: "input",
               ref: _,
-              "aria-describedby": `bdpi-description_${r(f)}`,
+              "aria-describedby": `bdpi-description_${n(f)}`,
               autocomplete: e.autocomplete,
               autofocus: e.autofocus,
               "data-maska": t.range ? "##/##/#### - ##/##/####" : "##/##/####",
@@ -210,7 +209,7 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
               type: "text",
               value: W.value
             }), null, 16, Ve), [
-              [r(fe)]
+              [n(fe)]
             ]),
             s("button", {
               "aria-label": z.value,
@@ -251,9 +250,9 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
               ], -1)
             ]), 8, Me),
             s("span", {
-              id: `bdpi-description_${r(f)}`,
+              id: `bdpi-description_${n(f)}`,
               class: "bb-base-date-picker-input__accessible-description sr-only"
-            }, E(r(u)("baseDatePickerInput.dateFormat")) + " " + E(t.range ? r(u)("baseDatePickerInput.dateFormatRange") : r(u)("baseDatePickerInput.dateFormatSingle")), 9, he)
+            }, E(n(u)("baseDatePickerInput.dateFormat")) + " " + E(t.range ? n(u)("baseDatePickerInput.dateFormatRange") : n(u)("baseDatePickerInput.dateFormatSingle")), 9, he)
           ]),
           _: 3
         }, 8, ["append:icon", "clearable", "prepend:icon"])

package/dist/index230.js

@@ -0,0 +1,88 @@
+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 "./index216.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 {
+  C as default
+};