bitboss-ui 2.1.97 → 2.1.98

package/dist/index28.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as r, ref as V, watchPostEffect as N, nextTick as D, createElementBlock as u, openBlock as i, normalizeClass as I, createBlock as B, createVNode as E, createElementVNode as d, resolveDynamicComponent as P, normalizeProps as o, guardReactiveProps as s, withCtx as b, renderSlot as C, createTextVNode as q, toDisplayString as h, unref as f, Transition as F, createCommentVNode as G, TransitionGroup as M, Fragment as R, renderList as j } from "vue";
-import { deburr as x } from "./index231.js";
+import { deburr as x } from "./index285.js";
 import { getAsPercentage as k } from "./index140.js";
 import { useId as J } from "./index8.js";
 const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE__ */ S({

package/dist/index281.js

@@ -1,7 +1,20 @@
-import { getDefaultExportFromCjs as r } from "./index338.js";
-import { __require as e } from "./index316.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { isNil as c } from "./index257.js";
+const a = (t, r) => {
+  if (!Object.prototype.hasOwnProperty.call(t, r))
+    throw new Error(
+      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
+    );
+}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
+  const i = s.toLocaleLowerCase();
+  for (let e = 0; e < r.length; e++) {
+    const n = r[e];
+    a(t, n);
+    const o = t[n];
+    if (c(o)) continue;
+    if (l(o).includes(i)) return !0;
+  }
+  return !1;
+};
 export {
-  m as default
+  y as matchAnyKey
 };

package/dist/index282.js

@@ -1,7 +1,14 @@
-import { getDefaultExportFromCjs as e } from "./index338.js";
-import { __require as r } from "./index318.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
+import { ref as t } from "vue";
+const n = () => {
+  const e = t([]);
+  return { array: e, set: (...r) => {
+    e.value = r;
+  }, add: (...r) => {
+    e.value.push(...r);
+  }, remove: (r) => {
+    e.value = e.value.filter(r);
+  } };
+};
 export {
-  f as default
+  n as useArray
 };

package/dist/index283.js

@@ -1,8 +1,6 @@
-function e(t, r) {
-  if (!/\d{4}-\d{2}-\d{2}/.test(t))
-    throw new Error(`${r} must be in the format YYYY-MM-DD`);
-  return t;
-}
+import { curry as e } from "./index333.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  e as validateDateFormat
+  t as baseWhen,
+  s as when
 };

package/dist/index284.js

@@ -1,270 +1,106 @@
-import { defineComponent as pe, ref as T, computed as v, watch as be, createElementBlock as c, openBlock as u, withKeys as f, normalizeClass as O, withModifiers as m, createVNode as ge, withCtx as he, createElementVNode as E, Fragment as w, renderList as S, toDisplayString as x, renderSlot as C, nextTick as ye } from "vue";
-import { chunk as _e } from "./index350.js";
-import { identity as L } from "./index229.js";
-import { isNotNil as ke } from "./index146.js";
-import { last as ve } from "./index241.js";
-import { sort as N } from "./index351.js";
-import { validateDateFormat as R } from "./index283.js";
-import { toInnerValue as Oe, toOuterValue as p } from "./index352.js";
-import { isDateDisabled as we } from "./index353.js";
-import g from "./index279.js";
-import Se from "./index354.js";
-const Ve = ["onKeydown"], De = { class: "bb-base-date-picker__header-container" }, Me = ["abbr"], Be = ["id", "aria-current", "aria-label", "aria-selected", "disabled", "tabindex"], Pe = /* @__PURE__ */ pe({
-  __name: "BaseDatePickerInputDaySelector",
+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 "./index356.js";
+import f from "./index357.js";
+const B = /* @__PURE__ */ u({
+  __name: "ListBox",
   props: {
-    cursor: {},
-    current: { type: Boolean },
-    disabled: { type: Boolean },
-    firstDayOfWeek: {},
-    id: {},
-    floating: { type: Boolean },
-    modelValue: {},
-    max: {},
-    min: {},
-    selectable: { type: Function },
-    range: { type: Boolean },
+    compact: { type: Boolean },
+    options: {},
+    groups: {},
+    headerHeight: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
     multiple: { type: Boolean },
-    readonly: { type: Boolean }
+    transitionDuration: {},
+    loadingText: {},
+    noDataText: {},
+    optionHeight: {}
   },
-  emits: ["update:modelValue", "update:cursor"],
-  setup(F, { emit: K }) {
-    const a = F, n = K, h = T(null), H = g().startOf("day");
-    a.min && R(a.min, "Min"), a.max && R(a.max, "Max");
-    const P = v(() => {
-      let e = 1 / 0, r = -1 / 0, s = {};
-      return a.modelValue && [].concat(a.modelValue).filter(L).map((i) => Oe(i, a.floating)).map((i) => i.valueOf()).forEach((i, y) => {
-        i < e && (e = i), i > r && (r = i), s[i] = y;
-      }), {
-        min: e,
-        max: r,
-        index: (t) => s[t.valueOf()],
-        selected: (t) => ke(s[t.valueOf()]),
-        isFirstOfRange: (t) => t.valueOf() === e,
-        isLastOfRange: (t) => t.valueOf() === r,
-        isBetween: (t) => t.valueOf() > e && t.valueOf() < r
-      };
-    }), Y = v(() => new Array(7).fill("").map((e, r) => g().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 = v(() => {
-      const e = a.cursor.year().toString(), r = a.cursor.month().toString(), t = a.cursor.clone().startOf("month").clone().startOf("week"), y = a.cursor.clone().endOf("month").clone().endOf("week"), re = g(a.cursor).startOf("day"), b = P.value, _ = a.range, oe = a.id, B = [];
-      for (let o = t; o.isBefore(y); o = o.add(1, "day"))
-        B.push(o.clone());
-      const ne = B.map((o) => {
-        const k = o.toISOString(), se = o.week().toString(), ie = b.selected(o), A = _ && b.isFirstOfRange(o), I = _ && b.isLastOfRange(o), de = _ && !A && !I && b.isBetween(o), le = o.month().toString() === r && o.year().toString() === e, ce = o.isSame(H), ue = o.isSame(re), fe = d(o), me = o.get("D").toString();
-        return {
-          buttonId: [oe, k].filter(L).join("_"),
-          current: ue,
-          disabled: fe,
-          first: A,
-          highlighted: le,
-          id: k,
-          label: me,
-          last: I,
-          middle: de,
-          original: o,
-          selected: ie,
-          slotName: k,
-          today: ce,
-          week: se
-        };
-      });
-      return _e(ne, 7);
-    }), d = (e) => we(e, {
-      min: a.min,
-      max: a.max,
-      selectable: a.selectable,
-      floating: a.floating
-    }), D = T("left"), $ = (e, r) => {
-      e && r && (D.value = e.isBefore(r) ? "left" : "right");
-    };
-    be(
-      () => a.cursor,
-      (e, r) => {
-        $(e, r);
-      }
-    );
-    const M = (e) => n("update:cursor", e), l = async () => {
-      if (!h.value) return;
-      await ye();
-      const e = ve([
-        ...h.value.querySelectorAll(
-          ".bb-base-date-picker__date--current button"
-        )
-      ]);
-      e instanceof HTMLElement && e.focus();
-    }, U = (e) => {
-      if (!a.readonly && e.target instanceof HTMLButtonElement) {
-        const [, r] = e.target.id.split("_"), s = g(r);
-        if (a.cursor.month() !== s.month()) {
-          M(s);
-          return;
-        }
-        const t = V.value.flat().find((i) => i.id === r);
-        if (!t || t.disabled) return;
-        M(s), j(t);
-      }
-    }, j = (e) => {
-      a.range ? W(e) : a.multiple ? q(e) : z(e);
-    }, W = (e) => {
-      if (Array.isArray(a.modelValue))
-        if (a.modelValue.length !== 1) {
-          const r = [p(e.original, a.floating)];
-          n("update:modelValue", r);
-        } else {
-          const r = N([
-            a.modelValue[0],
-            p(e.original, a.floating)
-          ]);
-          n("update:modelValue", r);
-        }
-    }, q = (e) => {
-      if (Array.isArray(a.modelValue))
-        if (e.selected) {
-          const r = p(e.original, a.floating), s = a.modelValue.filter((t) => t !== r);
-          n("update:modelValue", s);
-        } else {
-          const r = N([
-            ...a.modelValue,
-            p(e.original, a.floating)
-          ]);
-          n("update:modelValue", r);
-        }
-    }, z = (e) => {
-      e.selected ? n("update:modelValue", null) : n("update:modelValue", p(e.original, a.floating));
-    }, G = () => {
-      const e = a.cursor.clone().add(1, "day");
-      d(e) || (n("update:cursor", e), l());
-    }, J = () => {
-      const e = a.cursor.clone().subtract(1, "day");
-      d(e) || (n("update:cursor", e), l());
-    }, Q = () => {
-      const e = a.cursor.clone().subtract(1, "week");
-      d(e) || (n("update:cursor", e), l());
-    }, X = () => {
-      const e = a.cursor.clone().add(1, "week");
-      d(e) || (n("update:cursor", e), l());
-    }, Z = () => {
-      const e = a.cursor.clone().endOf("week");
-      d(e) || (n("update:cursor", e), l());
-    }, ee = () => {
-      const e = a.cursor.clone().startOf("week");
-      d(e) || (n("update:cursor", e), l());
-    }, te = (e) => {
-      if (e.shiftKey) {
-        const r = a.cursor.clone().subtract(1, "year");
-        if (d(r)) return;
-        n("update:cursor", r);
-      } else {
-        const r = a.cursor.clone().subtract(1, "month");
-        if (d(r)) return;
-        n("update:cursor", r);
-      }
-      l();
-    }, ae = (e) => {
-      if (e.shiftKey) {
-        const r = a.cursor.clone().add(1, "year");
-        if (d(r)) return;
-        n("update:cursor", r);
-      } else {
-        const r = a.cursor.clone().add(1, "month");
-        if (d(r)) return;
-        n("update:cursor", r);
-      }
-      l();
-    };
-    return (e, r) => (u(), c("div", {
-      ref_key: "calendar",
-      ref: h,
-      "aria-label": "Calendar dates",
-      class: O(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
-      role: "grid",
-      onKeydown: [
-        f(m(X, ["prevent"]), ["down"]),
-        f(m(Z, ["prevent"]), ["end"]),
-        f(m(ee, ["prevent"]), ["home"]),
-        f(m(J, ["prevent"]), ["left"]),
-        f(m(ae, ["prevent"]), ["page-down"]),
-        f(m(te, ["prevent"]), ["page-up"]),
-        f(m(G, ["prevent"]), ["right"]),
-        f(m(Q, ["prevent"]), ["up"])
-      ]
-    }, [
-      ge(Se, {
-        direction: D.value,
-        gap: 30
-      }, {
-        default: he(() => [
-          (u(), c("div", {
-            key: e.cursor.month().toString(),
-            class: "bb-base-date-picker__month"
-          }, [
-            E("div", De, [
-              (u(!0), c(w, null, S(Y.value, (s) => (u(), c("div", {
-                key: s.id,
-                abbr: s.accessibleLabel,
-                class: "bb-base-date-picker__header-cell"
-              }, x(s.label), 9, Me))), 128))
-            ]),
-            (u(!0), c(w, null, S(V.value, (s) => (u(), c("div", {
-              key: s[0].id,
-              class: "bb-base-date-picker__week"
-            }, [
-              (u(!0), c(w, null, S(s, (t) => (u(), c("div", {
-                key: t.id,
-                class: O({
-                  "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
-                })
-              }, [
-                E("button", {
-                  id: t.buttonId,
-                  "aria-current": t.today ? "date" : void 0,
-                  "aria-label": `${t.original.format("dddd, MMMM D, YYYY")}${t.selected ? ", selected" : ""}`,
-                  "aria-selected": t.selected,
-                  class: O("bb-base-date-picker__date-button"),
-                  disabled: e.disabled || t.disabled,
-                  tabindex: Number(t.current) - 1,
-                  type: "button",
-                  role: "gridcell",
-                  onClick: U
-                }, x(t.label), 9, Be),
-                C(e.$slots, "day", {
-                  first: t.first,
-                  highlighted: t.highlighted,
-                  item: t.original,
-                  label: t.label,
-                  last: t.last,
-                  middle: t.middle,
-                  selected: t.selected
-                }),
-                C(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, Ve));
+  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 {
-  Pe as default
+  B as default
 };

package/dist/index285.js

@@ -1,54 +1,5 @@
-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 "./index354.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");
-    };
-    _(
-      () => s.cursor,
-      (e, a) => {
-        l(e, a);
-      }
-    );
-    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));
-  }
-});
+import r from "./index328.js";
+const t = r;
 export {
-  C as default
+  t as deburr
 };

package/dist/index286.js

@@ -1,54 +1,69 @@
-import { defineComponent as b, computed as c, createElementBlock as l, openBlock as a, createElementVNode as h, Fragment as p, renderList as k, createBlock as f, normalizeClass as y, withCtx as M, createTextVNode as x, toDisplayString as B } from "vue";
-import C from "./index14.js";
+import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
+import { useLocale as k } from "./index232.js";
+import h from "./index14.js";
 /* empty css        */
-const v = {
-  "aria-label": "Month selector",
-  class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector",
-  role: "listbox"
-}, g = { class: "content" }, N = /* @__PURE__ */ b({
-  __name: "BaseDatePickerMonthSelector",
+import C from "./index87.js";
+/* empty css        */
+const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
+  key: 1,
+  class: "bb-toast-message__title"
+}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
+  __name: "BbToastMessage",
   props: {
-    cursor: {},
-    disabled: { type: Boolean }
+    title: {},
+    text: {},
+    icon: {},
+    theme: { default: "default" },
+    id: {},
+    showClose: { type: Boolean }
   },
-  emits: ["update:month"],
-  setup(d, { emit: i }) {
-    const o = d, m = i, u = c(() => o.cursor.month()), _ = c(() => {
-      const t = o.cursor.clone().startOf("year"), n = u.value;
-      return Array.from({ length: 12 }, (e, r) => {
-        const s = t.add(r, "month");
-        return {
-          text: s.format("MMMM"),
-          key: s.unix(),
-          selected: r === n,
-          handler: () => m("update:month", r)
-        };
-      });
-    });
-    return (t, n) => (a(), l("div", v, [
-      h("div", g, [
-        (a(!0), l(p, null, k(_.value, (e) => (a(), f(C, {
-          key: e.key,
-          "aria-label": e.text,
-          "aria-selected": e.selected,
-          class: y({
-            content__btn: !0,
-            "content__btn--selected": e.selected
-          }),
-          disabled: t.disabled,
-          role: "option",
-          type: "button",
-          onClick: e.handler
+  emits: ["click:close"],
+  setup(r, { emit: c }) {
+    const m = r, p = c, { t: _ } = k(), b = () => {
+      p("click:close", m.id);
+    };
+    return (e, a) => (o(), l("div", {
+      "aria-atomic": "true",
+      "aria-live": "polite",
+      "aria-role": "alert",
+      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
+    }, [
+      t("div", w, [
+        e.icon ? (o(), i(C, {
+          key: 0,
+          class: "bb-toast-message__icon",
+          type: e.icon
+        }, null, 8, ["type"])) : s("", !0)
+      ]),
+      t("div", v, [
+        e.showClose ? (o(), i(h, {
+          key: 0,
+          "aria-label": f(_)("common.closeLabel").value,
+          class: "bb-toast-message__close",
+          onClick: b
         }, {
-          default: M(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["aria-label", "aria-selected", "class", "disabled", "onClick"]))), 128))
+          default: g(() => a[0] || (a[0] = [
+            t("svg", {
+              fill: "none",
+              viewBox: "0 0 24 24",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              t("path", {
+                d: "M23 23L1 1M23 1L1 23",
+                stroke: "currentColor",
+                "stroke-linecap": "round",
+                "stroke-width": "2"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["aria-label"])) : s("", !0),
+        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
+        t("p", B, n(e.text), 1)
       ])
-    ]));
+    ], 2));
   }
 });
 export {
-  N as default
+  z as default
 };