bitboss-ui 2.1.134 → 2.1.136

package/dist/index229.js

@@ -1,10 +1,88 @@
-//#region src/utilities/functions/findRightIndex.ts
-var e = (e, t) => {
-	for (let n = e.length - 1; n >= 0; n--) {
-		let r = e[n];
-		if (t(r, n, e)) return n;
-	}
-	return -1;
+import { defineComponent as p, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as o, renderSlot as t, createCommentVNode as h, createTextVNode as l, toDisplayString as i, unref as b, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index240.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ p({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(f) {
+    const { t: d } = g();
+    return (e, T) => (s(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": e.hasErrors,
+        "bb-cr-container--horizontal": e.direction === "horizontal",
+        "bb-cr-container--vertical": e.direction === "vertical"
+      }])
+    }, [
+      o("span", k, [
+        t(e.$slots, "prepend"),
+        !e.options.length && e.loading ? (s(), n("span", y, [
+          t(e.$slots, "loading", {}, () => [
+            l(i(e.loadingText || b(d)("common.loadingText")), 1)
+          ])
+        ])) : e.options.length ? h("", !0) : (s(), n("span", $, [
+          t(e.$slots, "no-data", {}, () => [
+            l(i(e.noDataText || b(d)("common.noDataText")), 1)
+          ])
+        ])),
+        (s(!0), n(m, null, u(e.options, (a, c) => (s(), n(m, {
+          key: a?.valueHash || c
+        }, [
+          t(e.$slots, "option:prepend", {
+            id: a.valueHash,
+            checked: !!a.selected,
+            disabled: !!a.disabled,
+            item: a.item,
+            text: a.text
+          }),
+          o("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": a.selected }])
+          }, [
+            t(e.$slots, "input", {
+              index: c,
+              option: a
+            }),
+            o("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": e.hideLabel
+              })
+            }, [
+              t(e.$slots, "label", {
+                checked: !!a.selected,
+                item: a.item,
+                text: a.text
+              }, () => [
+                l(i(a.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(e.$slots, "option:append", {
+            id: a.valueHash,
+            checked: !!a.selected,
+            disabled: !!a.disabled,
+            item: a.item,
+            text: a.text
+          })
+        ], 64))), 128)),
+        t(e.$slots, "append")
+      ])
+    ], 2));
+  }
+});
+export {
+  C as default
 };
-//#endregion
-export { e as findRightIndex };

package/dist/index231.js

@@ -1,24 +1,32 @@
-//#region src/utilities/functions/parseWidthString.ts
-var e = (e) => {
-	let t = e.toString().replace(/\.0+$/, "").replace(/\.$/, "");
-	return parseFloat(t) || 0;
+import { computed as s, unref as v, ref as c } from "vue";
+import { useDebounceFn as m } from "./index224.js";
+const y = (o) => {
+  const e = s(() => v(o.items)), t = c([]), r = c(0);
+  let a = 0;
+  const u = async (...i) => {
+    if (Array.isArray(e.value)) {
+      t.value = e.value;
+      return;
+    }
+    if (typeof e.value != "function") return;
+    const f = ++a;
+    r.value++;
+    try {
+      const n = await e.value(...i);
+      f === a && (t.value = n);
+    } catch (n) {
+      console.error(n);
+    } finally {
+      r.value--;
+    }
+  }, l = m(u, o.debounce || 0);
+  return {
+    getter: u,
+    debouncedGetter: l,
+    items: t,
+    loading: s(() => r.value > 0)
+  };
+};
+export {
+  y as useItemsGetter
 };
-function t(t) {
-	if (typeof t == "number") return {
-		value: e(t),
-		unit: "px"
-	};
-	if (typeof t == "string") {
-		let n = t.match(/^(-?\d*\.?\d+)([a-zA-Z%]*)?$/);
-		if (n) {
-			let [, t, r = "px"] = n;
-			return {
-				value: e(parseFloat(t)),
-				unit: r
-			};
-		}
-	}
-	throw Error(`Invalid width: ${t}`);
-}
-//#endregion
-export { t as parseWidthString };

package/dist/index232.js

@@ -1,8 +1,19 @@
-//#region src/utilities/functions/normalizeItemGroups.ts
-var e = (e) => {
-	let t = [], n = [];
-	for (let r of e) Array.isArray(r) ? (n.length && (t.push(n), n = []), r.length && t.push(r)) : n.push(r);
-	return n.length && t.push(n), t;
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index235.js";
+const p = ({
+  items: m,
+  key: e
+}) => {
+  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
+    const t = {}, s = Array.from(a(m) ?? []);
+    for (let r = 0; r < s.length; r++) {
+      const c = s[r];
+      t[n(c)] = c;
+    }
+    return t;
+  });
+  return { data: o, get: (t) => o.value[n(t)] };
+};
+export {
+  p as useIndexById
 };
-//#endregion
-export { e as normalizeItemGroups };

package/dist/index233.js

@@ -1,297 +1,53 @@
-import { wait as e } from "./index10.js";
-import { useId as t } from "./index12.js";
-import { useElementSize as n, useIntersectionObserver as r } from "./index14.js";
-import i from "./index36.js";
-import { extractDomContainer as a } from "./index45.js";
-import { useUntil as o } from "./index50.js";
-import s from "./index60.js";
-import c from "./index219.js";
-import { findRightIndex as l } from "./index229.js";
-import u from "./index230.js";
-import { parseWidthString as ee } from "./index231.js";
-import { normalizeItemGroups as te } from "./index232.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeProps as ne, normalizeStyle as re, onBeforeUnmount as ie, openBlock as b, ref as x, renderList as ae, renderSlot as S, toDisplayString as oe, unref as se, useTemplateRef as ce, watch as C, withCtx as w } from "vue";
-//#region src/components/BbDropdown/BbDropdown.vue?vue&type=script&setup=true&lang.ts
-var le = [
-	"id",
-	"aria-labelledby",
-	"inert"
-], ue = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "bb-dropdown__divider"
-}, de = { class: "item__content" }, fe = 500, pe = 10, T = /* @__PURE__ */ v({
-	inheritAttrs: !1,
-	__name: "BbDropdown",
-	props: {
-		arrowPadding: { default: 10 },
-		disabled: { type: Boolean },
-		eager: { type: Boolean },
-		id: {},
-		offset: { default: 3 },
-		padding: { default: 10 },
-		transitionDuration: { default: 300 },
-		placement: { default: "bottom" },
-		activator: {},
-		boundary: {},
-		items: {},
-		theme: { default: "default" },
-		trigger: { default: "click" },
-		width: { default: "auto" }
-	},
-	setup(v) {
-		let T = v, E = T.id ?? `bb_${t().id.value}`, D = x(E), O = x(), k = f(() => a(O.value)), me = f(() => T.activator != null), he = ce("popover"), A = f(() => a(he.value)), j = x(!1), ge = o(j, { initialValue: T.eager }), _e = f(() => {
-			let e = T.trigger;
-			return new Set(Array.isArray(e) ? e : [e]);
-		}), M = (e, t) => ({ getBoundingClientRect: () => ({
-			x: e,
-			y: t,
-			width: 0,
-			height: 0,
-			top: t,
-			left: e,
-			right: e,
-			bottom: t,
-			toJSON() {
-				return this;
-			}
-		}) }), N = x(null), ve = f(() => T.placement === "cursor" && N.value ? N.value : O.value), P = (e) => {
-			let t = a(e);
-			t && (O.value = t);
-		}, { resume: ye, pause: be } = r(k, async ([{ intersectionRatio: e }]) => {
-			e !== 1 && j.value && await Z();
-		}, {
-			threshold: [0, 1],
-			immediate: !1
-		}), F = f(() => te(T.items)), I = f(() => F.value.flat()), xe = f(() => {
-			let e = /* @__PURE__ */ new Set(), t = 0;
-			for (let n of F.value) e.add(t), t += n.length;
-			return e;
-		}), L = f(() => {
-			let e = I.value.findIndex((e) => !e.disabled), t = l(I.value, (e) => !e.disabled);
-			return I.value.map((n, r) => {
-				let i = `${E}-item-${n.key}`, { onClick: a, ...o } = n, s = async (e) => {
-					e.stopPropagation(), await Z();
-					let t = document.querySelector(`#${E}`);
-					t && t.focus(), a?.(e);
-				}, c = (n) => {
-					if (!(!(n.target instanceof HTMLElement) || !n.target.dataset.dropdownItem || !A.value)) {
-						if (n.key === "ArrowDown") {
-							if (n.preventDefault(), r !== t) {
-								let e = A.value.querySelector(u.map((e) => `#${i} ~ ${e}`).join(","));
-								e instanceof HTMLElement && e.focus();
-							}
-						} else if (n.key === "ArrowUp") {
-							if (n.preventDefault(), r !== e) {
-								let e = l(I.value, (e, t) => t < r && !e.disabled), t = Array.from(A.value.querySelectorAll(".bb-dropdown__item"))[e];
-								t instanceof HTMLElement && t.focus();
-							}
-						} else if (n.key === "Tab") {
-							if (r === t && !n.shiftKey) {
-								let e = Array.from(document.querySelectorAll(u.join(","))), t = e[e.findIndex((e) => e.id === E) + 1];
-								t instanceof HTMLElement && (n.preventDefault(), Z(), t.focus());
-							} else if (r === e && n.shiftKey) {
-								let e = document.querySelector(`#${E}`);
-								e && (n.preventDefault(), e.focus());
-							}
-						}
-					}
-				};
-				return {
-					...o,
-					original: n,
-					key: n.key.split(/\W+/g).join("_").toLowerCase(),
-					disabled: o.disabled || T.disabled,
-					id: i,
-					isGroupStart: xe.value.has(r),
-					onClick: s,
-					onKeydown: c
-				};
-			});
-		}), R = (e) => {
-			if (!T.disabled) {
-				if (H) {
-					H = !1, e.preventDefault(), e.stopPropagation();
-					return;
-				}
-				e.stopPropagation(), T.placement === "cursor" && (N.value = M(e.clientX, e.clientY)), j.value ? Z() : X();
-			}
-		}, z = (e) => {
-			T.disabled || (e.preventDefault(), e.stopPropagation(), !(T.placement === "cursor" && (N.value = M(e.clientX, e.clientY), j.value)) && (j.value ? Z() : X()));
-		}, B, V = null, H = !1, U = () => {
-			clearTimeout(B), V = null;
-		}, W = (e) => {
-			T.disabled || e.pointerType === "mouse" || (H = !1, V = {
-				x: e.clientX,
-				y: e.clientY
-			}, B = setTimeout(() => {
-				H = !0, T.placement === "cursor" && V && (N.value = M(V.x, V.y)), V = null, X();
-			}, fe));
-		}, G = (e) => {
-			if (!V) return;
-			let t = e.clientX - V.x, n = e.clientY - V.y;
-			Math.sqrt(t * t + n * n) > pe && U();
-		}, K = () => {
-			U();
-		}, q = async (e) => {
-			if (T.disabled) return;
-			let t = I.value.findIndex((e) => !e.disabled), n = l(I.value, (e) => !e.disabled), r = (e) => {
-				if (!A.value || !L.value.length || e === -1) return;
-				let t = L.value[e].id;
-				A.value.querySelector(`#${t}`)?.focus();
-			};
-			e.key === "ArrowDown" ? (e.preventDefault(), j.value || await X(), r(t)) : e.key === "ArrowUp" ? (e.preventDefault(), j.value || await X(), r(n)) : e.key === "Tab" && j.value && !e.shiftKey && (e.preventDefault(), r(t));
-		}, J = (e) => {
-			let t = e.target;
-			t instanceof HTMLElement && (A.value?.contains(t) || Z());
-		}, Y = (e) => {
-			!j.value || e.key !== "Escape" || (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement?.id !== E && document.querySelector(`#${E}`)?.focus(), Z());
-		}, X = async () => {
-			ye(), await e(50), j.value = !0, document.addEventListener("click", J, { passive: !0 }), document.addEventListener("contextmenu", J, { passive: !0 }), document.addEventListener("focusin", J, { passive: !0 }), document.addEventListener("keydown", Y, { capture: !0 });
-		}, Z = async () => {
-			j.value = !1, be();
-		};
-		C(j, (e) => {
-			e || (document.removeEventListener("click", J), document.removeEventListener("contextmenu", J), document.removeEventListener("focusin", J), document.removeEventListener("keydown", Y, { capture: !0 }));
-		}), C(() => T.activator, (e) => {
-			e && P(e);
-		}, { immediate: !0 });
-		let Q = null;
-		C([O, _e], ([e, t]) => {
-			if (Q &&= (Q(), null), !e) return;
-			let n = !1;
-			e.id || (e.id = E, n = !0), D.value = e.id, e.setAttribute("aria-haspopup", "menu");
-			let r = [];
-			t.has("click") && (e.addEventListener("click", R), r.push(() => e.removeEventListener("click", R))), t.has("contextMenu") && (e.addEventListener("contextmenu", z), e.addEventListener("pointerdown", W), e.addEventListener("pointermove", G), e.addEventListener("pointerup", K), e.addEventListener("pointercancel", K), r.push(() => {
-				e.removeEventListener("contextmenu", z), e.removeEventListener("pointerdown", W), e.removeEventListener("pointermove", G), e.removeEventListener("pointerup", K), e.removeEventListener("pointercancel", K), U();
-			})), e.addEventListener("keydown", q), r.push(() => e.removeEventListener("keydown", q)), Q = () => {
-				r.forEach((e) => e()), n && e.removeAttribute("id"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
-			};
-		}, { immediate: !0 }), C([
-			O,
-			j,
-			ge
-		], ([e, t, n]) => {
-			e && (e.setAttribute("aria-expanded", n ? String(t) : "false"), n ? e.setAttribute("aria-controls", `menu_${E}`) : e.removeAttribute("aria-controls"));
-		}, { immediate: !0 }), ie(() => {
-			Q?.();
-		});
-		let { width: Se } = n(k, {
-			width: 0,
-			height: 0
-		}, { box: "border-box" }), $ = f(() => {
-			if (T.width !== "auto") {
-				if (T.width) {
-					let { value: e, unit: t } = ee(T.width);
-					return t === "%" ? k.value ? `${Se.value * (e / 100)}px` : "0px" : `${e}px`;
-				}
-				return "0px";
-			}
-		});
-		return (e, t) => (b(), h(d, null, [me.value ? m("", !0) : S(e.$slots, "activator", ne(y({ key: 0 }, {
-			props: { ref: P },
-			disabled: e.disabled,
-			open: j.value,
-			placement: e.placement
-		}))), _(s, y({
-			ref: "popover",
-			modelValue: j.value,
-			"onUpdate:modelValue": t[0] ||= (e) => j.value = e,
-			anchor: ve.value,
-			"arrow-padding": e.arrowPadding,
-			boundary: e.boundary,
-			class: ["bb-dropdown", { [`bb-dropdown--${e.theme}`]: !0 }],
-			eager: e.eager,
-			offset: e.offset,
-			"hide-arrow": e.placement === "cursor",
-			padding: e.padding,
-			placement: e.placement === "cursor" ? "bottom-start" : e.placement,
-			"transition-duration": e.transitionDuration
-		}, e.$attrs), {
-			default: w(() => [g("span", {
-				id: `menu_${se(E)}`,
-				"aria-labelledby": D.value,
-				role: "menu",
-				class: "bb-dropdown__items-container",
-				inert: !j.value,
-				style: re($.value ? { width: $.value } : void 0)
-			}, [
-				S(e.$slots, "prepend", {
-					disabled: e.disabled,
-					open: j.value,
-					placement: e.placement
-				}),
-				(b(!0), h(d, null, ae(L.value, ({ original: t, isGroupStart: n, ...r }, a) => (b(), h(d, { key: r.key }, [
-					n && a > 0 ? (b(), h("hr", ue)) : m("", !0),
-					S(e.$slots, "item:prepend", {
-						disabled: r.disabled,
-						index: a,
-						item: I.value[a],
-						open: j.value,
-						placement: e.placement,
-						text: r.text
-					}),
-					_(i, y({
-						role: "menuitem",
-						class: ["bb-dropdown__item", {
-							"bb-dropdown__item--first": a === 0,
-							"bb-dropdown__item--last": a === I.value.length - 1
-						}],
-						"data-dropdown-item": !0,
-						ref_for: !0
-					}, r), {
-						default: w(() => [S(e.$slots, r.key, {
-							disabled: r.disabled,
-							index: a,
-							item: t,
-							open: j.value,
-							placement: e.placement,
-							text: r.text
-						}, () => [
-							r["prepend:icon"] ? (b(), p(c, {
-								key: 0,
-								class: "item__prepend-icon",
-								type: r["prepend:icon"]
-							}, null, 8, ["type"])) : m("", !0),
-							g("span", de, oe(r.text), 1),
-							r["append:icon"] ? (b(), p(c, {
-								key: 1,
-								class: "item__append-icon",
-								type: r["append:icon"]
-							}, null, 8, ["type"])) : m("", !0)
-						])]),
-						_: 2
-					}, 1040, ["class"]),
-					S(e.$slots, "item:append", {
-						disabled: r.disabled,
-						index: a,
-						item: I.value[a],
-						open: j.value,
-						placement: e.placement,
-						text: r.text
-					})
-				], 64))), 128)),
-				S(e.$slots, "append", {
-					disabled: e.disabled,
-					open: j.value,
-					placement: e.placement
-				})
-			], 12, le)]),
-			_: 3
-		}, 16, [
-			"modelValue",
-			"anchor",
-			"arrow-padding",
-			"boundary",
-			"class",
-			"eager",
-			"offset",
-			"hide-arrow",
-			"padding",
-			"placement",
-			"transition-duration"
-		])], 64));
-	}
-});
-//#endregion
-export { T as default };
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index310.js";
+import { useItemValue as w } from "./index267.js";
+import { hash as y } from "./index235.js";
+import { useLogger as D } from "./index238.js";
+const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
+  items: u,
+  disabled: c,
+  selectable: m,
+  itemText: a,
+  itemValue: d,
+  selectedIndexedByHash: r,
+  max: b = 1 / 0
+}) => {
+  const v = l(() => o(c)), p = l(() => o(u)), h = l(
+    () => Object.keys(r.value).length
+  ), g = o(b), f = (e) => {
+    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
+      e,
+      v.value,
+      m,
+      g,
+      h.value,
+      s
+    );
+    return {
+      item: e,
+      text: i,
+      value: n,
+      valueHash: t,
+      selected: s,
+      disabled: o(I)
+    };
+  };
+  return {
+    options: l(() => {
+      const e = [], n = /* @__PURE__ */ new Set();
+      for (let t = 0; t < p.value.length; t++) {
+        const i = p.value[t];
+        i.disabled && H(
+          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
+        );
+        const s = f(i);
+        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
+      }
+      return e;
+    }),
+    createOption: f
+  };
+};
+export {
+  q as useBaseOptions
+};

package/dist/index234.js

@@ -0,0 +1,20 @@
+import { isNil as a } from "./index264.js";
+import { computed as n, unref as h } from "vue";
+const v = ({ modelValue: r, iteratee: c, multiple: t }) => {
+  const s = n(
+    () => new Array().concat(h(r))
+  ), e = n(() => s.value.reduce(
+    (o, u) => (c(u) ? o.coherent.push(u) : o.incoherent.push(u), o),
+    { coherent: [], incoherent: [] }
+  )), i = n(() => t && !h(r).length || !t && a(h(r)) ? !0 : !e.value.incoherent.length), l = n(
+    () => t ? e.value.coherent : e.value.coherent[0] ?? null
+  );
+  return {
+    status: e,
+    coherent: i,
+    coherentValue: l
+  };
+};
+export {
+  v as useCoherence
+};

package/dist/index235.js

@@ -1,6 +1,5 @@
-import e from "./index233.js";
-/* empty css         */
-//#region src/components/BbDropdown/BbDropdown.vue
-var t = e;
-//#endregion
-export { t as default };
+import { hash as o } from "./index311.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
+export {
+  t as hash
+};

package/dist/index236.js

@@ -1,47 +1,14 @@
-//#region src/components/BbBreadcrumbs/estimateBreadcrumbItemWidth.ts
-var e = /\p{Lu}/u, t = /\p{Ll}/u, n = /\p{N}/u, r = /\s/u, i = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/u, a = /\p{Extended_Pictographic}/u, o = new Set([
-	".",
-	",",
-	":",
-	";",
-	"!",
-	"|",
-	"'",
-	"`",
-	"\"",
-	"(",
-	")",
-	"[",
-	"]",
-	"{",
-	"}"
-]), s = new Set([
-	"-",
-	"_",
-	"/",
-	"\\",
-	"+",
-	"="
-]), c = new Set([
-	"i",
-	"l",
-	"I",
-	"j",
-	"t",
-	"f",
-	"r"
-]), l = new Set([
-	"W",
-	"M",
-	"w",
-	"m",
-	"@",
-	"%",
-	"&",
-	"#"
-]), u = (u) => r.test(u) ? .42 : a.test(u) ? 1.95 : i.test(u) ? 1.8 : o.has(u) ? .48 : s.has(u) ? .66 : c.has(u) ? .72 : l.has(u) ? 1.28 : n.test(u) ? .92 : e.test(u) ? 1.08 : t.test(u) ? .9 : 1, d = (e, t) => {
-	let n = e, r = t.fontWidth * 2, i = t.fontWidth * .6, a = t.estimationBias ?? 1, o = Array.from(n).reduce((e, n) => e + u(n) * t.fontWidth, 0);
-	return Math.max(r, (o + i) * a);
-}, f = (e) => Math.max(10, e * 1.2);
-//#endregion
-export { d as estimateBreadcrumbItemWidth, f as estimateEllipsisWidth };
+import { hash as e } from "./index235.js";
+import { debouncedWatch as s } from "./index224.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
+  );
+};
+export {
+  n as useHashedWatcher
+};