bitboss-ui 2.0.38 → 2.0.40

package/dist/index69.js

@@ -1,60 +1,85 @@
-import { defineComponent as d, computed as u, openBlock as m, createBlock as f, mergeProps as y, withCtx as l, renderSlot as t, normalizeProps as a, guardReactiveProps as r } from "vue";
-import $ from "./index23.js";
+import { defineComponent as k, computed as _, openBlock as n, createBlock as l, unref as e, createSlots as h, withCtx as s, createElementBlock as f, toDisplayString as c, createCommentVNode as m, renderSlot as d, createElementVNode as g, createVNode as C, renderList as $, normalizeProps as x, guardReactiveProps as V, mergeProps as z, createTextVNode as u } from "vue";
+import { actions as p, state as o } from "./index6.js";
+import A from "./index25.js";
 /* empty css        */
-const b = /* @__PURE__ */ d({
-  __name: "BbDialog",
-  props: {
-    closeLabel: {},
-    compact: { type: Boolean },
-    disabled: { type: Boolean },
-    eager: { type: Boolean },
-    panelClasses: {},
-    overlayClasses: {},
-    persistent: { type: Boolean },
-    showClose: { type: Boolean, default: !0 },
-    title: {},
-    transition: {},
-    transitionDuration: {},
-    size: {},
-    description: {},
-    focusTarget: {},
-    fullscreen: { type: Boolean },
-    modelValue: { type: [Boolean, null] }
-  },
-  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) => (m(), f($, 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)))
+import B from "./index128.js";
+/* empty css         */
+import v from "./index61.js";
+/* empty css        */
+const N = {
+  key: 0,
+  class: "bb-confirm__content"
+}, P = {
+  key: 0,
+  class: "bb-confirm__text"
+}, S = { class: "bb-confirm__spinner" }, F = /* @__PURE__ */ k({
+  __name: "BbConfirm",
+  setup(E) {
+    const i = _(() => p.value[0]), r = _(() => p.value[1]), b = (t) => {
+      t ? r.value.handler() : i.value.handler();
+    };
+    return (t, U) => (n(), l(A, {
+      "model-value": e(o).open || e(o).loading,
+      "overlay-classes": ["bb-confirm", `bb-confirm--${e(o).theme}`],
+      size: e(o).size,
+      title: e(o).title,
+      "onUpdate:modelValue": b
+    }, h({
+      default: s(() => [
+        e(o).loading ? d(t.$slots, "spinner", { key: 1 }, () => [
+          g("div", S, [
+            C(B, { size: "36" })
+          ])
+        ]) : (n(), f("div", N, [
+          e(o).text ? (n(), f("div", P, c(e(o).text), 1)) : m("", !0)
+        ]))
       ]),
-      _: 3
-    }, 16, ["overlay-classes"]));
+      _: 2
+    }, [
+      $(["header", "title", "close", "description"], (a) => ({
+        name: a,
+        fn: s((y) => [
+          d(t.$slots, a, x(V(y)))
+        ])
+      })),
+      !e(o).loading && e(o).actions ? {
+        name: "footer",
+        fn: s((a) => [
+          d(t.$slots, "footer", z({
+            actions: e(o).actions,
+            loading: e(o).loading,
+            no: e(o).no,
+            noAction: i.value,
+            yes: e(o).yes,
+            yesAction: r.value
+          }, a), () => [
+            e(o).no ? (n(), l(v, {
+              key: 0,
+              class: "bb-confirm__no",
+              onClick: i.value.handler
+            }, {
+              default: s(() => [
+                u(c(i.value.text), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : m("", !0),
+            e(o).yes ? (n(), l(v, {
+              key: 1,
+              class: "bb-confirm__yes",
+              onClick: r.value.handler
+            }, {
+              default: s(() => [
+                u(c(r.value.text), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : m("", !0)
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["model-value", "overlay-classes", "size", "title"]));
   }
 });
 export {
-  b as default
+  F as default
 };

package/dist/index7.js

@@ -1,5 +1,5 @@
-import { getAsPercentage as p } from "./index126.js";
-import { wait as w } from "./index127.js";
+import { getAsPercentage as p } from "./index130.js";
+import { wait as w } from "./index131.js";
 import { ref as c, computed as o, onBeforeUnmount as H } from "vue";
 const Y = ({
   duration: t,

package/dist/index71.js

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