bitboss-ui 2.0.165 → 2.0.166

package/dist/index75.js

@@ -1,284 +1,124 @@
-import { defineComponent as X, computed as F, ref as y, openBlock as h, createElementBlock as D, mergeProps as A, createElementVNode as _, renderSlot as g, normalizeProps as Y, guardReactiveProps as Z, unref as $, createVNode as B, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as j, toDisplayString as te } from "vue";
-import { findRightIndex as H } from "./index269.js";
-import { useId as ne } from "./index8.js";
-import { wait as oe } from "./index130.js";
-import { useIntersectionObserver as ae } from "./index132.js";
-import le from "./index13.js";
+import { defineComponent as u, ref as c, computed as f, createBlock as b, openBlock as h, withCtx as o, createVNode as v, mergeProps as y, renderSlot as a, normalizeProps as w, guardReactiveProps as g } from "vue";
+import B from "./index23.js";
 /* empty css        */
-import N from "./index270.js";
-import se from "./index211.js";
-/* empty css         */
-import V from "./index127.js";
-/* empty css         */
-const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
-  __name: "BbDropdown",
+import $ from "./index27.js";
+/* empty css        */
+const E = /* @__PURE__ */ u({
+  __name: "BbDatePickerInput",
   props: {
-    arrowPadding: { default: 10 },
-    block: { type: Boolean },
+    allowWriting: { type: [Boolean, String], default: !0 },
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    clearable: { type: Boolean },
+    compact: { type: Boolean },
+    direction: {},
     disabled: { type: Boolean },
-    eager: { type: Boolean },
+    errors: {},
+    firstDayOfWeek: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
     id: {},
-    offset: { default: 3 },
-    padding: { default: 6 },
-    placement: { default: "bottom" },
-    theme: { default: "default" },
-    transitionDuration: { default: 300 },
-    teleportTarget: {},
-    items: {},
-    width: { default: 200 }
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    max: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    range: { type: Boolean },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    selectable: {},
+    width: {}
   },
-  setup(z) {
-    const r = z, u = r.id ?? `bb_${ne().id.value}`, m = F(() => {
-      let e = r.items.findIndex((t) => !t.disabled), o = H(
-        r.items,
-        (t) => !t.disabled
-      );
-      return r.items.map((t, n) => {
-        const i = `${u}-item-${t.key}`, { onClick: q, ...C } = t, J = async () => {
-          await b();
-          const l = document.querySelector(`#${u}`);
-          if (l) l instanceof HTMLElement && l.focus();
-          else return;
-          q && q();
-        }, Q = (l) => {
-          if (l.target instanceof HTMLElement && l.target.dataset.dropdownItem) {
-            if (!a.value) return;
-            if (l.key === "ArrowDown") {
-              if (l.preventDefault(), a.value && n !== o) {
-                const d = a.value.querySelector(
-                  N.map((w) => `#${i} ~ ${w}`).join(",")
-                );
-                d && d instanceof HTMLElement && d.focus();
-              }
-            } else if (l.key === "ArrowUp") {
-              if (l.preventDefault(), a.value && n !== e) {
-                const d = H(r.items, (E, T) => T < n && !E.disabled), k = Array.from(
-                  a.value.querySelectorAll(".bb-dropdown__item")
-                )[d];
-                k && k instanceof HTMLElement && k.focus();
-              }
-            } else if (l.key === "Tab") {
-              if (n === o && !l.shiftKey) {
-                const d = N.join(","), w = Array.from(
-                  document.querySelectorAll(d)
-                ), k = w.findIndex(
-                  (T) => T.id === u
-                ), E = w[k + 1];
-                if (E) E instanceof HTMLElement && (l.preventDefault(), b(), E.focus());
-                else return;
-              } else if (n === e && l.shiftKey) {
-                const d = document.querySelector(`#${u}`);
-                if (d) d instanceof HTMLElement && (l.preventDefault(), d.focus());
-                else return;
-              }
-            }
-          }
-        };
-        return {
-          ...C,
-          original: t,
-          key: t.key.split(/\W+/g).join("_").toLowerCase(),
-          disabled: C.disabled || r.disabled,
-          id: i,
-          onClick: J,
-          onKeydown: Q
-        };
-      });
-    }), v = y(), a = y();
-    ae(
-      v,
-      ([{ intersectionRatio: e }]) => {
-        e !== 1 && s.value && b();
+  emits: ["active", "error", "focus", "inactive", "update:modelValue"],
+  setup(i, { emit: p }) {
+    const s = i, r = p, l = c(!1), t = f(() => s.persistentHint || l.value), d = {
+      onError: (e) => r("error", e),
+      onFocus: (e) => r("focus", e),
+      onActive: () => {
+        l.value = !0, r("active");
+      },
+      onInactive: () => {
+        l.value = !1, r("inactive");
       },
-      { threshold: [0, 1] }
-    );
-    const c = y(!1), s = y(!1), p = y(!1), f = y(!0), R = () => {
-      c.value || p.value || (s.value ? b() : L());
-    }, U = async (e) => {
-      let o = r.items.findIndex((n) => !n.disabled), t = H(
-        r.items,
-        (n) => !n.disabled
-      );
-      if (e.key === "ArrowDown") {
-        if (e.preventDefault(), p.value || c.value) return;
-        if (f.value && await L(), a.value && m.value.length && o !== -1) {
-          const n = m.value[o].id, i = a.value.querySelector(`#${n}`);
-          i && i instanceof HTMLElement && i.focus();
-        }
-      } else if (e.key === "ArrowUp") {
-        if (e.preventDefault(), p.value || c.value) return;
-        if (f.value && await L(), a.value && m.value.length && t !== -1) {
-          const n = m.value[t].id, i = a.value.querySelector(`#${n}`);
-          i && i instanceof HTMLElement && i.focus();
-        }
-      } else if (e.key === "Tab" && s.value && !e.shiftKey && (e.preventDefault(), a.value && m.value.length && o !== -1)) {
-        const n = m.value[o].id, i = a.value.querySelector(`#${n}`);
-        i && i instanceof HTMLElement && i.focus();
-      }
-    }, I = (e) => {
-      const o = e.target;
-      if (o && o instanceof HTMLElement) {
-        let t = !0;
-        v.value && v.value.contains(o) && (t = !1), a.value && a.value.contains(o) && (t = !1), t && b();
-      }
-    }, M = (e) => {
-      const o = e.target;
-      if (o && o instanceof HTMLElement) {
-        let t = !0;
-        v.value && v.value.contains(o) && (t = !1), a.value && a.value.contains(o) && (t = !1), t && b();
-      }
-    }, S = (e) => {
-      var o;
-      if (s.value && e.key === "Escape") {
-        if (((o = document.activeElement) == null ? void 0 : o.id) !== u) {
-          const t = document.querySelector(`#${u}`);
-          t instanceof HTMLElement && t.focus();
-        }
-        b();
-      }
-    }, W = y(!1), L = async () => {
-      W.value = !0, await oe(50), s.value = !0, document.addEventListener("click", I, { passive: !0 }), document.addEventListener("focusin", M, { passive: !0 }), document.addEventListener("keydown", S, { passive: !0 });
-    }, b = async () => {
-      s.value = !1, document.removeEventListener("click", I), document.removeEventListener("focusin", M), document.removeEventListener("keydown", S);
-    }, G = F(() => ({
-      class: {
-        "bb-dropdown--block": r.block,
-        [`bb-dropdown--${r.theme}`]: r.theme
-      }
-    }));
-    return (e, o) => (h(), D("span", A({ class: "bb-dropdown" }, G.value), [
-      _("span", {
-        ref_key: "wrapper",
-        ref: v,
-        class: "bb-dropdown__wrapper"
-      }, [
-        g(e.$slots, "activator", Y(Z({
-          props: {
-            "aria-expanded": s.value,
-            "aria-controls": `menu_${$(u)}`,
-            id: $(u),
-            onClick: R,
-            onKeydown: U,
-            disabled: e.disabled
-          },
-          closed: f.value,
-          closing: p.value,
+      "onUpdate:modelValue": (e) => r("update:modelValue", e)
+    };
+    return (e, k) => (h(), b($, {
+      id: e.id,
+      class: "bb-date-picker-input",
+      compact: e.compact,
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": t.value
+    }, {
+      label: o((n) => [
+        a(e.$slots, "label", w(g(n)))
+      ]),
+      input: o(({ id: n, hasErrors: m }) => [
+        v(B, y({
+          id: n,
+          "allow-writing": e.allowWriting,
+          "append:icon": e.$props["append:icon"],
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          clearable: e.clearable,
+          compact: e.compact,
           disabled: e.disabled,
-          open: s.value,
-          opening: c.value,
-          placement: e.placement
-        })))
-      ], 512),
-      B(se, {
-        "arrow-padding": e.arrowPadding,
-        "base-class": "bb-dropdown",
-        "container-attributes": {
-          id: `menu_${$(u)}`,
-          "aria-labelledby": $(u),
-          "aria-role": "menu"
-        },
-        eager: e.eager,
-        offset: e.offset,
-        open: s.value,
-        padding: e.padding,
-        placement: e.placement,
-        "teleport-target": e.teleportTarget,
-        theme: e.theme,
-        "transition-duration": e.transitionDuration,
-        wrapper: v.value
-      }, {
-        default: O(() => [
-          _("span", {
-            ref_key: "content",
-            ref: a,
-            class: "bb-dropdown__items-container",
-            style: x({ width: `${e.width}px` })
-          }, [
-            g(e.$slots, "prepend", {
-              closed: f.value,
-              closing: p.value,
-              disabled: e.disabled,
-              open: s.value,
-              opening: c.value,
-              placement: e.placement
-            }),
-            (h(!0), D(K, null, ee(m.value, (t, n) => (h(), D(K, {
-              key: t.key
-            }, [
-              g(e.$slots, "item:prepend", {
-                closed: f.value,
-                closing: p.value,
-                disabled: t.disabled,
-                index: n,
-                item: e.items[n],
-                open: s.value,
-                opening: c.value,
-                placement: e.placement,
-                text: t.text
-              }),
-              B(le, A({
-                "aria-role": "menuitem",
-                class: ["bb-dropdown__item", {
-                  "bb-dropdown__item--first": n === 0,
-                  "bb-dropdown__item--last": n === e.items.length - 1
-                }],
-                "data-dropdown-item": !0,
-                ref_for: !0
-              }, t), {
-                default: O(() => [
-                  g(e.$slots, t.key, {
-                    closed: f.value,
-                    closing: p.value,
-                    disabled: t.disabled,
-                    index: n,
-                    item: t.original,
-                    open: s.value,
-                    opening: c.value,
-                    placement: e.placement,
-                    text: t.text
-                  }, () => [
-                    t["prepend:icon"] ? (h(), P(V, {
-                      key: 0,
-                      class: "item__prepend-icon",
-                      type: t["prepend:icon"]
-                    }, null, 8, ["type"])) : j("", !0),
-                    _("span", ie, te(t.text), 1),
-                    t["append:icon"] ? (h(), P(V, {
-                      key: 1,
-                      class: "item__append-icon",
-                      type: t["append:icon"]
-                    }, null, 8, ["type"])) : j("", !0)
-                  ])
-                ]),
-                _: 2
-              }, 1040, ["class"]),
-              g(e.$slots, "item:append", {
-                closed: f.value,
-                closing: p.value,
-                disabled: t.disabled,
-                index: n,
-                item: e.items[n],
-                open: s.value,
-                opening: c.value,
-                placement: e.placement,
-                text: t.text
-              })
-            ], 64))), 128)),
-            g(e.$slots, "append", {
-              closed: f.value,
-              closing: p.value,
-              disabled: e.disabled,
-              open: s.value,
-              opening: c.value,
-              placement: e.placement
-            })
-          ], 4)
-        ]),
-        _: 3
-      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "teleport-target", "theme", "transition-duration", "wrapper"])
-    ], 16));
+          "first-day-of-week": e.firstDayOfWeek,
+          "has-errors": m,
+          loading: e.loading,
+          max: e.max,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: e.name,
+          placeholder: e.placeholder,
+          "prepend:icon": e.$props["prepend:icon"],
+          range: e.range,
+          readonly: e.readonly,
+          required: e.required,
+          selectable: e.selectable,
+          width: e.width
+        }, d), {
+          "prepend-outer": o(() => [
+            a(e.$slots, "prepend-outer")
+          ]),
+          prepend: o(() => [
+            a(e.$slots, "prepend")
+          ]),
+          prefix: o(() => [
+            a(e.$slots, "prefix")
+          ]),
+          suffix: o(() => [
+            a(e.$slots, "suffix")
+          ]),
+          append: o(() => [
+            a(e.$slots, "append")
+          ]),
+          "append-outer": o(() => [
+            a(e.$slots, "append-outer")
+          ]),
+          _: 2
+        }, 1040, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "clearable", "compact", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  ke as default
+  E as default
 };

package/dist/index77.js

@@ -1,168 +1,60 @@
-import { defineComponent as E, ref as A, computed as y, openBlock as l, createElementBlock as z, mergeProps as _, unref as d, createVNode as u, withCtx as n, createBlock as P, createCommentVNode as v, createElementVNode as b, toDisplayString as h, createSlots as I, renderSlot as r, normalizeProps as s, guardReactiveProps as p, renderList as M } from "vue";
-import D from "./index13.js";
+import { defineComponent as d, computed as u, createBlock as m, openBlock as f, mergeProps as y, withCtx as l, renderSlot as t, normalizeProps as a, guardReactiveProps as r } from "vue";
+import $ from "./index25.js";
 /* empty css        */
-import O from "./index75.js";
-/* empty css        */
-/* empty css       */
-/* empty css       */
-import S from "./index127.js";
-/* empty css         */
-import R from "./index129.js";
-/* empty css         */
-import { useLocale as T } from "./index218.js";
-const Z = { class: "bb-dropdown-button__content" }, q = {
-  key: 1,
-  class: "bb-dropdown-button__loading-label sr-only"
-}, F = { class: "bb-dropdown-button__dropdown-label sr-only" }, ne = /* @__PURE__ */ E({
-  __name: "BbDropdownButton",
+const g = /* @__PURE__ */ d({
+  __name: "BbDialog",
   props: {
-    arrowPadding: {},
-    block: { type: Boolean },
+    closeLabel: {},
+    compact: { type: Boolean },
     disabled: { type: Boolean },
     eager: { type: Boolean },
-    id: {},
-    items: {},
-    offset: {},
-    padding: {},
-    placement: {},
-    theme: { default: "default" },
+    panelClasses: {},
+    overlayClasses: {},
+    persistent: { type: Boolean },
+    showClose: { type: Boolean, default: !0 },
+    title: {},
+    transition: {},
     transitionDuration: {},
-    width: {},
-    autoLoading: { type: Boolean, default: !0 },
-    "append:icon": {},
-    disabledWhileLoading: { type: Boolean, default: !0 },
-    loading: { type: Boolean },
-    "prepend:icon": {},
-    size: {}
+    size: {},
+    description: {},
+    focusTarget: {},
+    fullscreen: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, null] }
   },
-  setup(W) {
-    const t = W, { t: m } = T(), c = A(0), f = y(
-      () => t.loading || !!c.value && t.autoLoading
-    ), j = (e) => async (...a) => {
-      f.value && t.disabledWhileLoading || (c.value++, await e(...a), c.value--);
-    }, w = y(
-      () => t.items.map((e) => e.onClick ? {
-        ...e,
-        key: e.key.split(/\W+/g).join("_").toLowerCase(),
-        onClick: j(e.onClick)
-      } : {
-        ...e,
-        key: e.key.split(/\W+/g).join("_").toLowerCase()
-      })
-    ), k = y(() => {
-      const e = { ...w.value[0] };
-      return e.disabled = e.disabled || t.disabled, e;
-    }), N = typeof t.size == "string" ? { default: t.size } : { default: "md", ...t.size }, V = Object.entries(N).reduce(
-      (e, [a, o]) => (a === "default" ? e[`data-${o}`] = "" : e[`data-${a}:${o}`] = "", e),
-      {}
-    );
-    return (e, a) => (l(), z("span", _({
-      class: ["bb-dropdown-button", {
-        "bb-dropdown-button--block": e.block,
-        "bb-dropdown-button--loading": f.value,
-        [`bb-dropdown-button--${e.theme}`]: !0
-      }]
-    }, d(V)), [
-      u(D, _(k.value, { class: "bb-dropdown-button__main-btn" }), {
-        default: n(() => [
-          u(d(R), { class: "bb-dropdown-button__spinner" }),
-          t["prepend:icon"] ? (l(), P(d(S), {
-            key: 0,
-            class: "bb-dropdown-button__prepend-icon",
-            type: t["prepend:icon"]
-          }, null, 8, ["type"])) : v("", !0),
-          b("span", Z, h(k.value.text), 1),
-          f.value ? (l(), z("span", q, h(d(m)("common.loadingText").value), 1)) : v("", !0),
-          t["append:icon"] ? (l(), P(d(S), {
-            key: 2,
-            class: "bb-dropdown-button__append-icon",
-            type: t["append:icon"]
-          }, null, 8, ["type"])) : v("", !0)
-        ]),
-        _: 1
-      }, 16),
-      u(O, {
-        id: e.id,
-        "arrow-padding": e.arrowPadding,
-        disabled: e.disabled,
-        eager: e.eager,
-        items: w.value,
-        offset: e.offset,
-        padding: e.padding,
-        placement: e.placement,
-        theme: e.theme,
-        "transition-duration": e.transitionDuration,
-        width: e.width
-      }, I({
-        activator: n(({
-          props: o,
-          opening: i,
-          open: g,
-          closed: B,
-          closing: $,
-          disabled: L,
-          placement: C
-        }) => [
-          r(e.$slots, "activator", {
-            closed: B,
-            closing: $,
-            disabled: L,
-            open: g,
-            opening: i,
-            placement: C,
-            props: o
-          }, () => [
-            u(D, _(o, { class: "bb-dropdown-button__dropdown-btn" }), {
-              default: n(() => [
-                b("span", F, h(g || i ? d(m)("dropdownButton.close").value : d(m)("dropdownButton.open").value), 1),
-                r(e.$slots, "right-btn", {
-                  closed: B,
-                  closing: $,
-                  disabled: L,
-                  open: g,
-                  opening: i,
-                  placement: C
-                }, () => [
-                  a[0] || (a[0] = b("svg", {
-                    class: "bb-dropdown-button__dropdown-chevron",
-                    viewBox: "0 0 24 24",
-                    xmlns: "http://www.w3.org/2000/svg"
-                  }, [
-                    b("path", {
-                      d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
-                      fill: "currentColor"
-                    })
-                  ], -1))
-                ])
-              ]),
-              _: 2
-            }, 1040)
-          ])
-        ]),
-        prepend: n((o) => [
-          r(e.$slots, "prepend", s(p(o)))
-        ]),
-        "item:prepend": n((o) => [
-          r(e.$slots, "item:prepend", s(p(o)))
-        ]),
-        "item:append": n((o) => [
-          r(e.$slots, "item:append", s(p(o)))
-        ]),
-        append: n((o) => [
-          r(e.$slots, "append", s(p(o)))
-        ]),
-        _: 2
-      }, [
-        M(w.value, (o) => ({
-          name: o.key,
-          fn: n((i) => [
-            r(e.$slots, o.key, s(p(i)))
-          ])
-        }))
-      ]), 1032, ["id", "arrow-padding", "disabled", "eager", "items", "offset", "padding", "placement", "theme", "transition-duration", "width"])
-    ], 16));
+  emits: ["shown", "hidden", "update:modelValue"],
+  setup(i) {
+    const n = i, p = u(() => {
+      let e = ["bb-dialog"];
+      return n.overlayClasses && (e = e.concat(n.overlayClasses)), e;
+    });
+    return (e, s) => (f(), m($, y(e.$props, {
+      "overlay-classes": p.value,
+      onHidden: s[0] || (s[0] = () => e.$emit("hidden")),
+      onShown: s[1] || (s[1] = () => e.$emit("shown")),
+      "onUpdate:modelValue": s[2] || (s[2] = (o) => e.$emit("update:modelValue", o))
+    }), {
+      close: l((o) => [
+        t(e.$slots, "close", a(r(o)))
+      ]),
+      default: l((o) => [
+        t(e.$slots, "default", a(r(o)))
+      ]),
+      description: l((o) => [
+        t(e.$slots, "description", a(r(o)))
+      ]),
+      footer: l((o) => [
+        t(e.$slots, "footer", a(r(o)))
+      ]),
+      header: l((o) => [
+        t(e.$slots, "header", a(r(o)))
+      ]),
+      title: l((o) => [
+        t(e.$slots, "title", a(r(o)))
+      ]),
+      _: 3
+    }, 16, ["overlay-classes"]));
   }
 });
 export {
-  ne as default
+  g as default
 };