bitboss-ui 2.1.133 → 2.1.135

package/dist/index230.js

@@ -1,19 +1,22 @@
-import { computed as u, unref as a } from "vue";
-import { hash as d } from "./index233.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
-};
+//#region node_modules/focusable-selectors/index.js
+var e = {
+	inert: ":not([inert]):not([inert] *)",
+	negTabIndex: ":not([tabindex^=\"-\"])",
+	disabled: ":not(:disabled)"
+}, t = [
+	`a[href]${e.inert}${e.negTabIndex}`,
+	`area[href]${e.inert}${e.negTabIndex}`,
+	`input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
+	`input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
+	`select${e.inert}${e.negTabIndex}${e.disabled}`,
+	`textarea${e.inert}${e.negTabIndex}${e.disabled}`,
+	`button${e.inert}${e.negTabIndex}${e.disabled}`,
+	`details${e.inert} > summary:first-of-type${e.negTabIndex}`,
+	`iframe${e.inert}${e.negTabIndex}`,
+	`audio[controls]${e.inert}${e.negTabIndex}`,
+	`video[controls]${e.inert}${e.negTabIndex}`,
+	`[contenteditable]${e.inert}${e.negTabIndex}`,
+	`[tabindex]${e.inert}${e.negTabIndex}`
+];
+//#endregion
+export { t as default };

package/dist/index231.js

@@ -1,53 +1,24 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index308.js";
-import { useItemValue as w } from "./index285.js";
-import { hash as y } from "./index233.js";
-import { useLogger as D } from "./index236.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
+//#region src/utilities/functions/parseWidthString.ts
+var e = (e) => {
+	let t = e.toString().replace(/\.0+$/, "").replace(/\.$/, "");
+	return parseFloat(t) || 0;
 };
+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,20 +1,8 @@
-import { isNil as a } from "./index247.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
+//#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;
 };
+//#endregion
+export { e as normalizeItemGroups };

package/dist/index233.js

@@ -1,5 +1,297 @@
-import { hash as o } from "./index309.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
-export {
-  t as hash
-};
+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 };

package/dist/index235.js

@@ -1,20 +1,6 @@
-import { isNotNil as v } from "./index152.js";
-import { computed as t, toValue as h, ref as u, onServerPrefetch as m, onBeforeMount as p } from "vue";
-const g = ({
-  fn: i,
-  trigger: n = !1,
-  multiple: s,
-  currentValue: r
-}) => {
-  const f = t(() => s ? !!r?.length : v(r)), o = t(
-    () => !!h(n) || f.value
-  ), l = u(!1), e = u(!1), c = t(() => o.value || e.value), a = async () => {
-    l.value || e.value || (l.value = !0, await i(!0), l.value = !1, e.value = !0);
-  };
-  return o.value && (m(a), p(async () => {
-    e.value || await a();
-  })), { isPrefilling: l, hasPrefilled: e, canLoad: c, prefill: a };
-};
-export {
-  g as usePrefill
-};
+import e from "./index233.js";
+/* empty css         */
+//#region src/components/BbDropdown/BbDropdown.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index236.js

@@ -1,10 +1,47 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
-  }
-});
-export {
-  e as useLogger
-};
+//#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 };