bitboss-ui 2.1.19 → 2.1.21

package/dist/index228.js

@@ -1,252 +1,15 @@
-import { defineComponent as le, ref as A, computed as _, watch as ce, createElementBlock as c, openBlock as u, withKeys as f, normalizeClass as k, withModifiers as p, createVNode as ue, withCtx as fe, createElementVNode as M, Fragment as O, renderList as S, toDisplayString as C, renderSlot as L, nextTick as pe } from "vue";
-import { chunk as be } from "./index325.js";
-import { identity as T } from "./index258.js";
-import { isNotNil as me } from "./index140.js";
-import { last as ge } from "./index226.js";
-import { sort as E } from "./index326.js";
-import b from "./index219.js";
-import he from "./index231.js";
-const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ le({
-  __name: "BaseDatePickerInputDaySelector",
-  props: {
-    cursor: {},
-    current: { type: Boolean },
-    disabled: { type: Boolean },
-    firstDayOfWeek: {},
-    id: {},
-    modelValue: {},
-    max: {},
-    min: {},
-    selectable: { type: Function },
-    range: { type: Boolean },
-    multiple: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  emits: ["update:modelValue", "update:cursor"],
-  setup(N, { emit: x }) {
-    const a = N, s = x, g = A(null), R = b().startOf("day"), m = _(() => {
-      let e = 1 / 0, r = -1 / 0, o = {};
-      return a.modelValue && [].concat(a.modelValue).filter(T).map((i) => b(i).startOf("day")).map((i) => i.valueOf()).forEach((i, h) => {
-        i < e && (e = i), i > r && (r = i), o[i] = h;
-      }), {
-        min: e,
-        max: r,
-        index: (t) => o[t.valueOf()],
-        selected: (t) => me(o[t.valueOf()]),
-        isFirstOfRange: (t) => t.valueOf() === e,
-        isLastOfRange: (t) => t.valueOf() === r,
-        isBetween: (t) => t.valueOf() > e && t.valueOf() < r
-      };
-    }), K = _(() => new Array(7).fill("").map((e, r) => b().day((r + a.firstDayOfWeek) % 7)).map((e) => ({
-      accessibleLabel: e.format("dddd"),
-      label: e.format("dd").slice(0, 1).toUpperCase(),
-      id: e.toISOString(),
-      original: e
-    }))), v = _(() => {
-      const e = a.cursor.year().toString(), r = a.cursor.month().toString();
-      let t = a.cursor.clone().startOf("month").clone().startOf("week"), h = a.cursor.clone().endOf("month").clone().endOf("week"), Z = b(a.cursor).startOf("day"), D = [];
-      for (let n = t; n.isBefore(h); n = n.add(1, "day"))
-        D.push(n.clone());
-      const ee = D.map((n) => {
-        const y = n.toISOString(), te = n.week().toString();
-        let re = m.value.selected(n);
-        const B = a.range && m.value.isFirstOfRange(n), I = a.range && m.value.isLastOfRange(n), ae = a.range && !B && !I && m.value.isBetween(n), oe = n.month().toString() === r && n.year().toString() === e, ne = n.isSame(R), se = n.isSame(Z), ie = d(n), de = n.get("D").toString();
-        return {
-          buttonId: [a.id, y].filter(T).join("_"),
-          current: se,
-          disabled: ie,
-          first: B,
-          highlighted: oe,
-          id: y,
-          label: de,
-          last: I,
-          middle: ae,
-          original: n,
-          selected: re,
-          slotName: y,
-          today: ne,
-          week: te
-        };
-      });
-      return be(ee, 7);
-    }), d = (e) => {
-      let r = !0;
-      return a.min && r && (r = e.isSameOrAfter(b(a.min).startOf("day"))), a.max && r && (r = e.isSameOrBefore(b(a.max).startOf("day"))), typeof a.selectable == "function" && r && (r = a.selectable(e.toDate())), !r;
-    }, w = A("left"), F = (e, r) => {
-      e && r && (w.value = e.isBefore(r) ? "left" : "right");
-    };
-    ce(
-      () => a.cursor,
-      (e, r) => {
-        F(e, r);
-      }
-    );
-    const V = (e) => s("update:cursor", e), l = async () => {
-      if (!g.value) return;
-      await pe();
-      const e = ge([
-        ...g.value.querySelectorAll(
-          ".bb-base-date-picker__date--current button"
-        )
-      ]);
-      e instanceof HTMLElement && e.focus();
-    }, H = (e) => {
-      if (!a.readonly && e.target instanceof HTMLButtonElement) {
-        const [, r] = e.target.id.split("_"), o = b(r);
-        if (a.cursor.month() !== o.month()) {
-          V(o);
-          return;
-        }
-        const t = v.value.flat().find((i) => i.id === r);
-        if (t.disabled) return;
-        V(o), P(t);
-      }
-    }, P = (e) => {
-      a.range ? U(e) : a.multiple ? j(e) : W(e);
-    }, U = (e) => {
-      if (!Array.isArray(a.modelValue)) return;
-      const r = e.original.toISOString();
-      if (a.modelValue.length !== 1) s("update:modelValue", [r]);
-      else {
-        const o = E([a.modelValue[0], e.original.toISOString()]);
-        s("update:modelValue", o);
-      }
-    }, j = (e) => {
-      if (Array.isArray(a.modelValue))
-        if (e.selected) {
-          const r = e.original.toISOString(), o = a.modelValue.filter((t) => t !== r);
-          s("update:modelValue", o);
-        } else {
-          const r = E([...a.modelValue, e.original.toISOString()]);
-          s("update:modelValue", r);
-        }
-    }, W = (e) => {
-      e.selected ? s("update:modelValue", null) : s("update:modelValue", e.original.toISOString());
-    }, $ = () => {
-      const e = a.cursor.clone().add(1, "day");
-      d(e) || (s("update:cursor", e), l());
-    }, q = () => {
-      const e = a.cursor.clone().subtract(1, "day");
-      d(e) || (s("update:cursor", e), l());
-    }, z = () => {
-      const e = a.cursor.clone().subtract(1, "week");
-      d(e) || (s("update:cursor", e), l());
-    }, G = () => {
-      const e = a.cursor.clone().add(1, "week");
-      d(e) || (s("update:cursor", e), l());
-    }, J = () => {
-      const e = a.cursor.clone().endOf("week");
-      d(e) || (s("update:cursor", e), l());
-    }, Q = () => {
-      const e = a.cursor.clone().startOf("week");
-      d(e) || (s("update:cursor", e), l());
-    }, X = (e) => {
-      if (e.shiftKey) {
-        const r = a.cursor.clone().subtract(1, "year");
-        if (d(r)) return;
-        s("update:cursor", r);
-      } else {
-        const r = a.cursor.clone().subtract(1, "month");
-        if (d(r)) return;
-        s("update:cursor", r);
-      }
-      l();
-    }, Y = (e) => {
-      if (e.shiftKey) {
-        const r = a.cursor.clone().add(1, "year");
-        if (d(r)) return;
-        s("update:cursor", r);
-      } else {
-        const r = a.cursor.clone().add(1, "month");
-        if (d(r)) return;
-        s("update:cursor", r);
-      }
-      l();
-    };
-    return (e, r) => (u(), c("div", {
-      ref_key: "calendar",
-      ref: g,
-      class: k(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
-      onKeydown: [
-        f(p(G, ["prevent"]), ["down"]),
-        f(p(J, ["prevent"]), ["end"]),
-        f(p(Q, ["prevent"]), ["home"]),
-        f(p(q, ["prevent"]), ["left"]),
-        f(p(Y, ["prevent"]), ["page-down"]),
-        f(p(X, ["prevent"]), ["page-up"]),
-        f(p($, ["prevent"]), ["right"]),
-        f(p(z, ["prevent"]), ["up"])
-      ]
-    }, [
-      ue(he, {
-        direction: w.value,
-        gap: 30
-      }, {
-        default: fe(() => [
-          (u(), c("div", {
-            key: e.cursor.month().toString(),
-            class: "bb-base-date-picker__month"
-          }, [
-            M("div", _e, [
-              (u(!0), c(O, null, S(K.value, (o) => (u(), c("div", {
-                key: o.id,
-                abbr: o.accessibleLabel,
-                class: "bb-base-date-picker__header-cell"
-              }, C(o.label), 9, ke))), 128))
-            ]),
-            (u(!0), c(O, null, S(v.value, (o) => (u(), c("div", {
-              key: o[0].id,
-              class: "bb-base-date-picker__week"
-            }, [
-              (u(!0), c(O, null, S(o, (t) => (u(), c("div", {
-                key: t.id,
-                class: k({
-                  "bb-base-date-picker__date--current": t.current,
-                  "bb-base-date-picker__date--disabled": e.disabled || t.disabled,
-                  "bb-base-date-picker__date--first": t.first,
-                  "bb-base-date-picker__date--highlighted": t.highlighted,
-                  "bb-base-date-picker__date--last": t.last,
-                  "bb-base-date-picker__date--middle": t.middle,
-                  "bb-base-date-picker__date--selected": t.selected,
-                  "bb-base-date-picker__date--today": t.today,
-                  "bb-base-date-picker__date": !0
-                })
-              }, [
-                M("button", {
-                  id: t.buttonId,
-                  class: k("bb-base-date-picker__date-button"),
-                  disabled: e.disabled || t.disabled,
-                  tabindex: Number(t.current) - 1,
-                  type: "button",
-                  onClick: H
-                }, C(t.label), 9, Oe),
-                L(e.$slots, "day", {
-                  first: t.first,
-                  highlighted: t.highlighted,
-                  item: t.original,
-                  label: t.label,
-                  last: t.last,
-                  middle: t.middle,
-                  selected: t.selected
-                }),
-                L(e.$slots, t.slotName, {
-                  first: t.first,
-                  highlighted: t.highlighted,
-                  item: t.original,
-                  label: t.label,
-                  last: t.last,
-                  middle: t.middle,
-                  selected: t.selected
-                })
-              ], 2))), 128))
-            ]))), 128))
-          ]))
-        ]),
-        _: 3
-      }, 8, ["direction"])
-    ], 42, ye));
-  }
-});
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index299.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 {
-  Ce as default
+  i as default
 };

package/dist/index229.js

@@ -1,54 +1,116 @@
-import { defineComponent as p, ref as b, watch as _, computed as m, createElementBlock as d, openBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
-import k from "./index231.js";
-const y = { class: "bb-base-date-picker__year-container" }, v = {
-  "aria-live": "polite",
-  class: "bb-base-date-picker__selected-day-label"
-}, B = { class: "bb-base-date-picker__weekday" }, D = { class: "bb-base-date-picker__monthday" }, M = { class: "bb-base-date-picker__month-button" }, C = /* @__PURE__ */ p({
-  __name: "BaseDatePickerHeader",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean },
-    hidden: { type: Boolean }
-  },
-  emits: ["mode:year", "mode:month"],
-  setup(n) {
-    const s = n, r = b("top"), l = (e, a) => {
-      e && a && (r.value = e.isBefore(a) ? "top" : "bottom");
+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 l, 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 "./index328.js";
+import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index329.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" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    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: n, update: B } = U(
+      i,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: J,
+        middleware: [
+          ...o.flip ? [q()] : [],
+          G(o.offset),
+          H({ padding: o.padding }),
+          I(),
+          j({
+            element: p,
+            padding: o.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    ), d = (e) => {
+      e ? (B(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
+        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
+      });
     };
-    _(
-      () => s.cursor,
-      (e, a) => {
-        l(e, a);
+    A(a, d, { flush: "post" }), x(() => {
+      a.value && d(a.value);
+    });
+    const M = S(() => {
+      if (n.value.arrow) {
+        const { x: e, y: u } = n.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${u}px`
+          }
+        };
       }
-    );
-    const i = m(() => s.cursor.format("YYYY"));
-    return (e, a) => (c(), d("div", {
-      class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
-    }, [
-      t("div", y, [
-        h(k, {
-          direction: r.value,
-          duration: 500,
-          gap: 30
-        }, {
-          default: f(() => [
-            (c(), d("span", {
-              key: i.value,
-              "aria-live": "polite",
-              class: "bb-base-date-picker__year-button"
-            }, o(i.value), 1))
-          ]),
-          _: 1
-        }, 8, ["direction"])
-      ]),
-      t("div", v, [
-        t("span", B, o(e.cursor.format("ddd")) + ", ", 1),
-        t("span", D, o(e.cursor.format("DD")), 1),
-        t("span", M, o(e.cursor.format("MMMM")), 1)
-      ])
-    ], 2));
+    }), $ = () => {
+      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--${l(_)}`]: !0
+      }]),
+      style: z({
+        "--transition-duration": `${o.transitionDuration}ms`
+      })
+    }, {
+      default: w(() => {
+        var m, f, c;
+        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) ?? {},
+              ...l(k),
+              "--arrow-offset-x": Math.round(((c = (f = l(n)) == null ? void 0 : f.arrow) == null ? void 0 : c.x) ?? 0) + "px",
+              "--page-padding": `${e.padding}px`
+            },
+            tabindex: a.value ? void 0 : -1
+          }, e.containerAttributes, { onClose: l($) }), {
+            default: w(() => [
+              C("span", h({
+                ref_key: "bubblearrow",
+                ref: p,
+                class: "bb-common-popover__arrow"
+              }, M.value), null, 16),
+              C("span", K, [
+                y(e.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
   }
 });
 export {
-  C as default
+  W as default
 };

package/dist/index23.js

@@ -1,25 +1,25 @@
 import { defineComponent as K, watchEffect as Q, ref as i, computed as g, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as s, createElementVNode as n, createVNode as B, createCommentVNode as X, unref as r, withDirectives as x, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
 import { _config as te } from "./index4.js";
-import o from "./index219.js";
-import ae from "./index263.js";
-import oe from "./index223.js";
-import ne from "./index220.js";
-import re from "./index221.js";
-import le from "./index222.js";
-import { identity as ie } from "./index258.js";
-import { isEmpty as se } from "./index239.js";
-import { last as de } from "./index226.js";
+import o from "./index216.js";
+import ae from "./index217.js";
+import oe from "./index218.js";
+import ne from "./index219.js";
+import re from "./index220.js";
+import le from "./index221.js";
+import { identity as ie } from "./index222.js";
+import { isEmpty as se } from "./index223.js";
+import { last as de } from "./index224.js";
 import { useId as ue } from "./index8.js";
-import { useLocale as pe } from "./index233.js";
+import { useLocale as pe } from "./index214.js";
 import { useMobile as ce } from "./index9.js";
-import { useUntil as me } from "./index256.js";
-import { vMaska as fe } from "./index260.js";
+import { useUntil as me } from "./index215.js";
+import { vMaska as fe } from "./index225.js";
 import be from "./index21.js";
 /* empty css        */
-import ke from "./index248.js";
+import ke from "./index226.js";
 /* empty css         */
-import ge from "./index250.js";
-import ye from "./index251.js";
+import ge from "./index228.js";
+import ye from "./index229.js";
 /* empty css         */
 const ve = { class: "bb-base-date-picker-input__inner-wrapper" }, Ve = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], he = ["aria-label", "disabled"], Me = ["id"], De = ["inert"], Ze = /* @__PURE__ */ K({
   __name: "BaseDatePickerInput",

package/dist/index231.js

@@ -1,7 +1,7 @@
-import o from "./index303.js";
-/* empty css         */
-import t from "./index305.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+import { getDefaultExportFromCjs as e } from "./index315.js";
+import { __require as r } from "./index302.js";
+var o = r();
+const p = /* @__PURE__ */ e(o);
 export {
-  m as default
+  p as default
 };

package/dist/index232.js

@@ -1,62 +1,7 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
-import { range as H } from "./index327.js";
-import M from "./index13.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:year"],
-  setup(p, { emit: _ }) {
-    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
-      () => H(c.value, s.value).map((e) => ({
-        text: e,
-        key: e,
-        selected: e === r.value,
-        handler: () => b("update:year", e)
-      }))
-    ), k = (e) => {
-      const t = e.target;
-      t.scrollTop <= 100 ? c.value = Math.max(
-        c.value - n * l,
-        r.value - 200
-      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
-    };
-    return h(() => {
-      if (!o.value) return;
-      const e = o.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, t) => (u(), m("div", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-    }, [
-      y("div", {
-        class: "content",
-        onScrollPassive: k
-      }, [
-        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
-          key: a.key,
-          class: S({
-            content__btn: !0,
-            "content__btn--selected": a.selected
-          }),
-          disabled: e.disabled,
-          onClick: a.handler
-        }, {
-          default: T(() => [
-            E(w(a.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ], 32)
-    ], 512));
-  }
-});
+import { getDefaultExportFromCjs as e } from "./index315.js";
+import { __require as r } from "./index304.js";
+var o = r();
+const f = /* @__PURE__ */ e(o);
 export {
-  V as default
+  f as default
 };

package/dist/index233.js

@@ -1,15 +1,5 @@
-import { locales as t } from "./index306.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index307.js";
-import { readonly as l, computed as n } from "vue";
-const p = (o, ...r) => l(
-  n(() => c(t[m.locale], o).replace(
-    /\{(\d+)\}/g,
-    (a, e) => r[e]
-  ))
-), d = () => ({
-  t: p
-});
+import { hash as o } from "./index310.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
-  d as useLocale
+  t as hash
 };

package/dist/index234.js

@@ -1,4 +1,10 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+const o = "bitboss-ui | ", e = () => ({
+  warn: (r) => console.warn(`${o}${r}`),
+  error: (r) => console.error(`${o}${r}`),
+  throw: (r) => {
+    throw new Error(`${o}${r}`);
+  }
+});
 export {
-  s as isCssColor
+  e as useLogger
 };