bitboss-ui 2.1.135 → 2.1.136

package/dist/index28.js

@@ -1,8 +1,148 @@
-import { computed as e, getCurrentInstance as t } from "vue";
-//#region src/composables/useRoute.ts
-function n() {
-	let n = t();
-	return e(() => n?.proxy?.$route);
-}
-//#endregion
-export { n as useRoute };
+import { defineComponent as V, computed as a, ref as D, watchPostEffect as M, nextTick as N, createElementBlock as c, openBlock as o, normalizeClass as I, createBlock as E, createVNode as P, createElementVNode as h, resolveDynamicComponent as C, normalizeProps as l, guardReactiveProps as s, withCtx as p, renderSlot as k, createTextVNode as q, toDisplayString as f, unref as v, Transition as F, createCommentVNode as G, TransitionGroup as R, Fragment as j, renderList as x } from "vue";
+import { deburr as J } from "./index274.js";
+import { getAsPercentage as T } from "./index146.js";
+import { useId as K } from "./index8.js";
+const O = ["id"], Q = { class: "bb-base-input-container__hint" }, Z = /* @__PURE__ */ V({
+  __name: "BaseInputContainer",
+  props: {
+    compact: { type: Boolean },
+    direction: { default: "vertical" },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    inputPosition: { default: "right" },
+    label: {},
+    labelPosition: { default: "left" },
+    labelMode: {},
+    labelTag: { default: "label" },
+    modelValue: {},
+    name: {},
+    reverse: { type: Boolean, default: !1 },
+    showHint: { type: Boolean },
+    tag: { default: "span" }
+  },
+  setup($) {
+    const t = $, u = t.id || K().id.value, m = t.hint ? `hint_${u}` : void 0, _ = a(() => t.showHint && !!t.hint), i = a(() => t.labelMode ? "vertical" : t.direction), A = a(() => t.name ? t.name : J(t.label).replace(/\s+/g, "").toLowerCase()), H = a(() => {
+      const e = {
+        class: {
+          "bb-base-input-container": !0,
+          "bb-base-input-container--hidden-label": t.reverse,
+          "bb-base-input-container--horizontal": i.value !== "vertical",
+          "bb-base-input-container--reverse": t.reverse,
+          "bb-base-input-container--vertical": i.value === "vertical",
+          "bb-base-input-container--errors": b.value,
+          "bb-base-input-container--label-mode-floating": t.labelMode === "floating"
+        }
+      };
+      return t.tag === "label" && (e.for = u), e;
+    }), L = a(() => {
+      let e = {
+        class: {
+          "bb-base-input-container__label": !0,
+          "bb-base-input-container__label--hidden": t.hideLabel,
+          [`bb-base-input-container__label--${t.labelPosition}`]: t.labelPosition
+        },
+        style: {
+          width: g.value.label
+        }
+      };
+      return t.labelTag === "label" && (e.for = u), e;
+    }), z = a(() => ({
+      class: {
+        "bb-base-input-container__input": !0,
+        [`bb-base-input-container__input--${t.inputPosition}`]: t.inputPosition
+      },
+      style: {
+        width: g.value.input
+      }
+    })), g = a(() => {
+      let e = {
+        label: "auto",
+        input: "auto"
+      };
+      if (i.value !== "auto") if (i.value === "vertical")
+        e.label = e.input = "100%";
+      else if (i.value === "horizontal")
+        e.label = e.input = "50%";
+      else if (/^[\S]+\s[\S]+$/g.test(i.value)) {
+        const [n, r] = i.value.split(/\s+/).map((S) => S.length), w = T(n, n + r) + "%", B = T(r, r + n) + "%";
+        t.reverse ? (e.label = B, e.input = w) : (e.label = w, e.input = B);
+      } else
+        throw new Error("Horizontal pattern is malformed");
+      return e;
+    }), d = a(() => t.errors ? [].concat(t.errors) : []), b = a(
+      () => !!d.value.length || t.hasErrors
+    ), y = D(null);
+    return M(() => {
+      d.value, N(() => {
+        const e = y.value, n = e?.querySelector(
+          ".bb-base-input-container__errors"
+        );
+        if (e && n) {
+          const r = Math.min(n.clientHeight, n.scrollHeight);
+          e.style.height = `${r}px`;
+        }
+      });
+    }), (e, n) => (o(), c("div", {
+      class: I(["bb-base-input-outer-container", {
+        "bb-base-input-outer-container--errors": b.value,
+        "bb-base-input-outer-container--hint": _.value,
+        "bb-base-input-outer-container--compact": t.compact
+      }])
+    }, [
+      (o(), E(C(e.tag), l(s(H.value)), {
+        default: p(() => [
+          (o(), E(C(e.labelTag), l(s(L.value)), {
+            default: p(() => [
+              k(e.$slots, "label", l(s({ text: e.label, hasErrors: b.value })), () => [
+                q(f(e.label), 1)
+              ])
+            ]),
+            _: 3
+          }, 16)),
+          h("span", l(s(z.value)), [
+            k(e.$slots, "input", l(s({ id: v(u), name: A.value, hasErrors: b.value, ariaDescribedby: v(m) })))
+          ], 16)
+        ]),
+        _: 3
+      }, 16)),
+      P(F, { name: "hint" }, {
+        default: p(() => [
+          _.value ? (o(), c("span", {
+            key: 0,
+            id: v(m),
+            class: "bb-base-input-container__hint-container"
+          }, [
+            h("span", Q, f(e.hint), 1)
+          ], 8, O)) : G("", !0)
+        ]),
+        _: 1
+      }),
+      h("span", {
+        ref_key: "errorsContainer",
+        ref: y,
+        class: "bb-base-input-container__errors-outer"
+      }, [
+        P(R, {
+          name: "error",
+          tag: "span",
+          "aria-live": "polite",
+          class: "bb-base-input-container__errors"
+        }, {
+          default: p(() => [
+            (o(!0), c(j, null, x(d.value, (r) => (o(), c("span", {
+              key: r,
+              class: "bb-base-input-container__error"
+            }, f(r), 1))), 128))
+          ]),
+          _: 1
+        })
+      ], 512)
+    ], 2));
+  }
+});
+export {
+  Z as default
+};

package/dist/index280.js

@@ -1,6 +1,15 @@
-import e from "./index278.js";
-/* empty css         */
-//#region src/components/BbNumberInput/BbNumberInput.vue
-var t = e;
-//#endregion
-export { t as default };
+import { ref as c, watch as f, toValue as u } from "vue";
+const p = (e, { initialValue: r = !1, nextValue: o = !0 } = {}) => {
+  const t = c(r);
+  if (r) return t;
+  const n = f(
+    () => u(e),
+    (s) => {
+      s && (t.value = o, n());
+    }
+  );
+  return t;
+};
+export {
+  p as useUntil
+};

package/dist/index281.js

@@ -1,145 +1,13 @@
-import { _config as e } from "./index5.js";
-import { wait as t } from "./index10.js";
-import { useId as n } from "./index12.js";
-import { useMobile as r } from "./index15.js";
-import { useLocale as i } from "./index42.js";
-import { useUntil as a } from "./index50.js";
-import { parseSize as o } from "./index136.js";
-import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, defineComponent as p, mergeModels as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onMounted as v, openBlock as y, ref as b, renderSlot as x, toDisplayString as S, unref as C, useModel as w, watch as T, withModifiers as E } from "vue";
-//#region src/components/BbOffCanvas/BbOffCanvas.vue?vue&type=script&setup=true&lang.ts
-var D = [
-	"aria-describedby",
-	"aria-labelledby",
-	"aria-live",
-	"inert"
-], O = {
-	ref: "header",
-	class: "bb-offcanvas__header"
-}, k = { class: "bb-offcanvas__close" }, A = ["aria-label", "disabled"], j = {
-	ref: "body",
-	class: "bb-offcanvas__body scrollbar-border"
-}, M = { class: "bb-offcanvas__body-content" }, N = {
-	ref: "footer",
-	class: "bb-offcanvas__footer"
-}, P = /* @__PURE__ */ p({
-	__name: "BbOffCanvas",
-	props: /* @__PURE__ */ m({
-		closeLabel: {},
-		compact: { type: Boolean },
-		disabled: { type: Boolean },
-		eager: { type: Boolean },
-		persistent: { type: Boolean },
-		showClose: {
-			type: Boolean,
-			default: !0
-		},
-		title: {},
-		transitionDuration: { default: 300 },
-		size: { default: "sm" },
-		description: {},
-		focusTarget: {},
-		fullscreen: { type: [Boolean, String] },
-		panelClasses: { default: () => [] },
-		overlayClasses: { default: () => [] },
-		direction: { default: "left" }
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ m([
-		"show",
-		"hide",
-		"shown",
-		"hidden"
-	], ["update:modelValue"]),
-	setup(p, { emit: m }) {
-		let P = p, F = m, I = w(p, "modelValue"), { t: L } = i(), R = c(() => P.closeLabel || L("dialog.closeLabel").value), z = b(null), B = a(() => I.value || P.eager, { initialValue: I.value || P.eager }), V = `title_${n().id.value}`, H = `description_${n().id.value}`, U = (e) => {
-			if (e.key === "Escape" && (e.stopImmediatePropagation(), P.disabled || P.persistent)) return e.preventDefault(), J.value = !0, t(200).then(() => {
-				J.value = !1;
-			}), !1;
-		}, W = async (e) => {
-			if (e) {
-				if (F("show"), window.globalThis?.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty("--scrollbar-width", `${Y()}px`), document.addEventListener("keydown", U, { capture: !0 }), await h(), z.value?.showModal(), P.focusTarget) {
-					let e = z.value?.querySelector(P.focusTarget);
-					e && e instanceof HTMLElement && e.focus();
-				}
-				F("shown");
-			} else F("hide"), await t(P.transitionDuration), window.globalThis?.document && document.removeEventListener("keydown", U, { capture: !0 }), z.value?.close(), F("hidden");
-		};
-		T(I, W), v(() => {
-			I.value && W(!0);
-		});
-		let G = c(() => Z.value ? "100%" : P.size === "auto" ? "fit-content" : o(P.size, e.offCanvasDefaultSizes)), K = (e) => {
-			if (e.preventDefault(), P.disabled || P.persistent) return J.value = !0, t(300).then(() => {
-				J.value = !1;
-			}), !1;
-			q();
-		}, q = () => {
-			I.value = !1;
-		}, J = b(!1), Y = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: X } = r(), Z = c(() => P.fullscreen === !0 || P.fullscreen === "mobile" && X.value);
-		return (e, t) => (y(), u("dialog", {
-			ref_key: "dialog",
-			ref: z,
-			"aria-describedby": C(B) && e.description ? H : void 0,
-			"aria-labelledby": C(B) && e.title ? V : void 0,
-			"aria-live": I.value ? "polite" : "off",
-			class: g(["bb-offcanvas", [
-				{
-					"bb-offcanvas--open": I.value,
-					"bb-offcanvas--fullscreen": Z.value,
-					"bb-offcanvas--compact": e.compact,
-					"bb-offcanvas--deny-close": J.value,
-					[`bb-offcanvas--${P.direction}`]: !0
-				},
-				e.overlayClasses,
-				e.panelClasses
-			].flat()]),
-			inert: !I.value,
-			style: _({
-				"--max-size": G.value,
-				"--transition-duration": `${P.transitionDuration}ms`
-			}),
-			onCancel: K,
-			onClick: E(K, ["self"])
-		}, [C(B) ? (y(), u(s, { key: 0 }, [
-			d("div", O, [x(e.$slots, "header", {
-				close: q,
-				title: e.title,
-				titleId: V
-			}, () => [d("span", {
-				id: V,
-				class: "bb-offcanvas__title"
-			}, [x(e.$slots, "title", { text: e.title }, () => [f(S(e.title), 1)])]), d("span", k, [e.showClose ? (y(), u("button", {
-				key: 0,
-				"aria-label": R.value,
-				disabled: P.disabled,
-				type: "button",
-				onClick: q
-			}, [x(e.$slots, "close", {}, () => [t[0] ||= d("span", { class: "bb-offcanvas__close-icon" }, [d("svg", {
-				"aria-hidden": "true",
-				fill: "none",
-				viewBox: "0 0 24 24",
-				xmlns: "http://www.w3.org/2000/svg"
-			}, [d("path", {
-				d: "M23 23L1 1M23 1L1 23",
-				stroke: "currentColor",
-				"stroke-linecap": "round",
-				"stroke-width": "3"
-			})])], -1)])], 8, A)) : l("", !0)])])], 512),
-			d("div", j, [d("div", M, [x(e.$slots, "description", {
-				descriptionId: H,
-				text: e.description
-			}, () => [e.description ? (y(), u("div", {
-				key: 0,
-				id: H,
-				class: "bb-offcanvas__description sr-only"
-			}, S(e.description), 1)) : l("", !0)]), x(e.$slots, "default")])], 512),
-			d("div", N, [x(e.$slots, "footer")], 512)
-		], 64)) : l("", !0)], 46, D));
-	}
-});
-//#endregion
-export { P as default };
+function c(n, r, e) {
+  const i = typeof r == "string" ? r.split(".") : r;
+  let t = n;
+  for (const o of i)
+    if (t && typeof t == "object" && o in t)
+      t = t[o];
+    else
+      return e;
+  return t === void 0 ? e : t;
+}
+export {
+  c as get
+};

package/dist/index282.js

@@ -0,0 +1,20 @@
+import { isNil as c } from "./index264.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 {
+  y as matchAnyKey
+};

package/dist/index283.js

@@ -1,6 +1,14 @@
-import e from "./index281.js";
-/* empty css         */
-//#region src/components/BbOffCanvas/BbOffCanvas.vue
-var t = e;
-//#endregion
-export { t as default };
+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 {
+  n as useArray
+};

package/dist/index284.js

@@ -1,11 +1,108 @@
-//#region src/utilities/functions/debounce.ts
-function e(e, t) {
-	let n;
-	return function(...r) {
-		n !== void 0 && clearTimeout(n), n = setTimeout(() => {
-			e.apply(this, r);
-		}, t);
-	};
-}
-//#endregion
-export { e as debounce };
+import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index235.js";
+import { isNil as l } from "./index264.js";
+import E from "./index68.js";
+/* empty css        */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = a(e + 1);
+      return o;
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = l(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;
+    }, m = async () => {
+      if (!i.value) return;
+      const e = c();
+      n.value = e;
+    }, w = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, b = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, I = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, _ = (e) => {
+      if (!i.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, k = () => {
+      if (l(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        d(e) !== d(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
+      blur: r,
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      key: o.valueHash,
+      class: P({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
+  }
+});
+export {
+  K as default
+};

package/dist/index286.js

@@ -0,0 +1,102 @@
+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 "./index235.js";
+import { isNil as i } from "./index264.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));
+  }
+});
+export {
+  j as default
+};