bitboss-ui 2.1.129 → 2.1.130

package/dist/index278.js

@@ -0,0 +1,27 @@
+const a = new RegExp("\\p{Lu}", "u"), f = new RegExp("\\p{Ll}", "u"), R = new RegExp("\\p{N}", "u"), c = /\s/u, d = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/u, A = new RegExp("\\p{Extended_Pictographic}", "u"), W = /* @__PURE__ */ new Set([
+  ".",
+  ",",
+  ":",
+  ";",
+  "!",
+  "|",
+  "'",
+  "`",
+  '"',
+  "(",
+  ")",
+  "[",
+  "]",
+  "{",
+  "}"
+]), _ = /* @__PURE__ */ new Set(["-", "_", "/", "\\", "+", "="]), m = /* @__PURE__ */ new Set(["i", "l", "I", "j", "t", "f", "r"]), p = /* @__PURE__ */ new Set(["W", "M", "w", "m", "@", "%", "&", "#"]), I = (t) => c.test(t) ? 0.42 : A.test(t) ? 1.95 : d.test(t) ? 1.8 : W.has(t) ? 0.48 : _.has(t) ? 0.66 : m.has(t) ? 0.72 : p.has(t) ? 1.28 : R.test(t) ? 0.92 : a.test(t) ? 1.08 : f.test(t) ? 0.9 : 1, C = (t, n) => {
+  const e = t, i = n.fontWidth * 2, s = n.fontWidth * 0.6, r = n.estimationBias ?? 1, E = Array.from(e).reduce((u, o) => u + I(o) * n.fontWidth, 0);
+  return Math.max(
+    i,
+    (E + s) * r
+  );
+}, T = (t) => Math.max(10, t * 1.2);
+export {
+  C as estimateBreadcrumbItemWidth,
+  T as estimateEllipsisWidth
+};

package/dist/index279.js

@@ -1,6 +1,6 @@
-import e from "./index277.js";
-/* empty css         */
-//#region src/components/BbNumberInput/BbNumberInput.vue
-var t = e;
-//#endregion
-export { t as default };
+function e(t) {
+  return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/.test(t);
+}
+export {
+  e as isHex
+};

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 "./index300.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,145 +1,22 @@
-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 };
+import { MaskInput as r } from "./index295.js";
+const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
+  if (a.arg == null || a.instance == null) return;
+  const s = "setup" in a.instance.$.type;
+  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
+}, k = (a, n) => {
+  var s;
+  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
+  if (t == null || t?.type === "file") return;
+  let e = {};
+  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
+    const l = (o) => {
+      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
+      p(n, i);
+    };
+    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+  }
+  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
+};
+export {
+  k as vMaska
+};

package/dist/index281.js

@@ -0,0 +1,11 @@
+import { get as o } from "./index275.js";
+const e = () => ({
+  getItemValue(n, f) {
+    if (typeof f > "u") return n;
+    if (typeof f == "function") return f(n);
+    if (typeof f == "string") return o(n, f);
+  }
+});
+export {
+  e as useItemValue
+};

package/dist/index282.js

@@ -1,6 +1,46 @@
-import e from "./index280.js";
-/* empty css         */
-//#region src/components/BbOffCanvas/BbOffCanvas.vue
-var t = e;
-//#endregion
-export { t as default };
+import { computed as u, toValue as s, ref as m, reactive as v, watchEffect as I, onMounted as T, watch as h, onBeforeUnmount as w } from "vue";
+import { useId as E } from "./index8.js";
+const o = v(/* @__PURE__ */ new Map()), b = "[data-bb-table-id]";
+function y(c) {
+  const p = E().id, r = u(() => s(c.id) || p.value), t = m(null), l = v({
+    id: r.value,
+    parentId: null,
+    tracks: {}
+  });
+  I(() => {
+    l.id = r.value, l.parentId = t.value, o.set(r.value, l);
+  });
+  const d = () => {
+    const e = s(c.container), a = s(c.inheritFrom);
+    let n = e?.parentElement?.closest(b) ?? null;
+    if (a)
+      for (; n && n.dataset.bbTableId !== a; )
+        n = n.parentElement?.closest(b) ?? null;
+    t.value = n?.dataset.bbTableId ?? null;
+  };
+  T(d), h(() => s(c.inheritFrom), d), w(() => o.delete(r.value));
+  const i = u(
+    () => t.value ? o.get(t.value) ?? null : null
+  ), f = (e) => {
+    l.tracks = e;
+  }, k = u(() => {
+    const e = {};
+    for (const [a, n] of Object.entries(l.tracks))
+      e[`--bb-table-${r.value}-track-${a}`] = n;
+    return e;
+  });
+  return {
+    id: r,
+    parentId: t,
+    parentNode: i,
+    parentHasTrack: (e) => !!i.value?.tracks[e],
+    parentVar: (e, a = "auto") => t.value ? `var(--bb-table-${t.value}-track-${e}, ${a})` : a,
+    node: l,
+    registry: o,
+    setTracks: f,
+    cssVars: k
+  };
+}
+export {
+  y as useTableWidthContext
+};

package/dist/index283.js

@@ -1,11 +1,55 @@
-//#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 { useLogger as y } from "./index252.js";
+const g = (t, i) => {
+  if (!i.length) return;
+  const n = Array.from(
+    t.querySelectorAll(":scope > thead th")
+  );
+  if (!n.length) return;
+  const { error: r } = y(), p = n.length, u = i.map((e) => ({
+    index: typeof e == "number" ? e : e.index,
+    position: typeof e == "number" ? "left" : e.position
+  })).sort((e, o) => e.position !== o.position ? e.position === "left" ? -1 : 1 : e.position === "left" ? e.index - o.index : o.index - e.index).reduce((e, o) => {
+    const l = n[o.index];
+    if (!l)
+      return r(
+        `BbTable fixedColumns: Cannot affix column at index ${o.index}. Table has ${p} columns (valid indices: 0–${p - 1}).`
+      ), e;
+    const { width: c } = l.getBoundingClientRect(), m = e.filter((h) => h.position === o.position).reduce((h, x) => h + x.width, 0);
+    return e.push({
+      index: o.index,
+      position: o.position,
+      width: Math.floor(c),
+      offset: m
+    }), e;
+  }, []);
+  Array.from(
+    t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")
+  ).forEach((e) => {
+    u.forEach((o) => {
+      const l = e.querySelector(
+        `:scope > :nth-child(${o.index + 1})`
+      );
+      l && (l.style.position = "sticky", l.style[o.position] = `${o.offset}px`);
+    });
+  });
+}, d = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), A = (t, i, n) => {
+  const r = [...d(t)];
+  return i && r.push(...d(i)), n && r.push(...d(n)), r;
+}, $ = (t, i, n, r, p, a) => {
+  const f = [...d(t)], u = (s) => typeof s == "function" ? s(r, p, a) : s;
+  if (i) {
+    const s = u(i);
+    s && f.push(...d(s));
+  }
+  if (n) {
+    const s = u(n);
+    s && f.push(...d(s));
+  }
+  return f;
+};
+export {
+  g as applyFixedTableColumns,
+  w as columnKeyToSlotName,
+  $ as mergeCellClasses,
+  A as mergeHeaderClasses
+};