bitboss-ui 2.1.135 → 2.1.136

package/dist/index288.js

@@ -1,241 +1,109 @@
-import { useId as e } from "./index12.js";
-import { useElementSize as t, useIntersectionObserver as n } from "./index14.js";
-import r from "./index36.js";
-import { useLocale as i } from "./index42.js";
-import { extractDomContainer as a } from "./index45.js";
-import { useUntil as o } from "./index50.js";
-import ee from "./index60.js";
-import { parseWidthString as s } from "./index231.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as te, createElementVNode as f, createVNode as ne, defineComponent as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeProps as re, openBlock as _, ref as v, renderSlot as y, unref as b, useModel as ie, useTemplateRef as x, watch as S, withCtx as C } from "vue";
-//#region src/components/BbPopover/BbPopover.vue?vue&type=script&setup=true&lang.ts
-var ae = ["inert"], oe = 500, se = 10, w = /* @__PURE__ */ p({
-	inheritAttrs: !1,
-	__name: "BbPopover",
-	props: /* @__PURE__ */ m({
-		arrowPadding: { default: 10 },
-		closeLabel: {},
-		block: { type: Boolean },
-		disabled: { type: Boolean },
-		eager: { type: Boolean },
-		id: {},
-		offset: { default: 3 },
-		padding: { default: 10 },
-		showClose: {
-			type: Boolean,
-			default: !0
-		},
-		theme: { default: "default" },
-		transitionDuration: { default: 300 },
-		placement: { default: "bottom" },
-		activator: {},
-		boundary: {},
-		focusTarget: {},
-		restoreFocus: {
-			type: Boolean,
-			default: !0
-		},
-		trigger: { default: "click" },
-		scrollable: {
-			type: Boolean,
-			default: !1
-		},
-		width: {}
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ m(["shown", "hidden"], ["update:modelValue"]),
-	setup(p, { expose: m, emit: w }) {
-		let T = p, E = w, { t: D } = i(), { id: ce } = e(), O = T.id ?? ce.value, k = `bbp_${O}`, A = v(), j = x("popoverRef"), M = l(() => a(j.value)), N = ie(p, "modelValue"), P = o(N), F = l(() => T.activator != null), I = l(() => {
-			let e = T.trigger;
-			return new Set(Array.isArray(e) ? e : [e]);
-		}), L = (e, t) => ({ getBoundingClientRect: () => ({
-			x: e,
-			y: t,
-			width: 0,
-			height: 0,
-			top: t,
-			left: e,
-			right: e,
-			bottom: t,
-			toJSON() {
-				return this;
-			}
-		}) }), R = v(null), z = l(() => T.placement === "cursor" && R.value ? R.value : A.value), B, V = null, H = !1, U = () => {
-			clearTimeout(B), V = null;
-		}, W = (e) => {
-			A.value = a(e) ?? void 0;
-		}, le = l(() => {
-			let e = I.value;
-			return {
-				"aria-expanded": P.value ? N.value : void 0,
-				"aria-controls": P.value ? k : void 0,
-				"aria-haspopup": "dialog",
-				id: O,
-				disabled: !!T.disabled,
-				ref: W,
-				...e.has("click") ? { onClick: J } : {},
-				...e.has("contextMenu") ? {
-					onContextmenu: Y,
-					onPointerdown: X,
-					onPointermove: Z,
-					onPointerup: Q,
-					onPointercancel: Q
-				} : {}
-			};
-		});
-		S(() => T.activator, (e) => {
-			e && W(e);
-		}, { immediate: !0 }), S([A, I], ([e, t], n, r) => {
-			if (!e || !F.value) return;
-			let i = [];
-			t.has("click") && (e.addEventListener("click", J), i.push(() => e.removeEventListener("click", J))), t.has("contextMenu") && (e.addEventListener("contextmenu", Y), e.addEventListener("pointerdown", X), e.addEventListener("pointermove", Z), e.addEventListener("pointerup", Q), e.addEventListener("pointercancel", Q), i.push(() => {
-				e.removeEventListener("contextmenu", Y), e.removeEventListener("pointerdown", X), e.removeEventListener("pointermove", Z), e.removeEventListener("pointerup", Q), e.removeEventListener("pointercancel", Q), U();
-			})), e.setAttribute("aria-haspopup", "dialog"), r(() => {
-				i.forEach((e) => e()), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup");
-			});
-		}, { immediate: !0 }), S([
-			A,
-			N,
-			P
-		], ([e, t, n]) => {
-			!e || !F.value || !n || (e.setAttribute("id", O), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", k));
-		}, { immediate: !0 }), n(A, ([{ intersectionRatio: e }]) => {
-			e !== 1 && N.value && $();
-		}, { threshold: [0, 1] });
-		let G = (e) => {
-			let t = e.target;
-			if (!(t instanceof Node)) return;
-			let n = M.value?.contains(t), r = A.value?.contains(t);
-			!n && !r && $();
-		}, K = (e) => {
-			e.key === "Escape" && (e.preventDefault(), $());
-		}, ue = () => {
-			document.addEventListener("click", G, { passive: !0 }), document.addEventListener("contextmenu", G, { passive: !0 }), document.addEventListener("keydown", K);
-		}, de = () => {
-			document.removeEventListener("click", G), document.removeEventListener("contextmenu", G), document.removeEventListener("keydown", K);
-		}, q = async () => {
-			if (T.disabled) return;
-			N.value = !0, ue(), await g();
-			let e = T.focusTarget ?? (T.showClose ? ".bb-popover__close" : "[tabindex]:not([tabindex=\"-1\"]), button, a, input, select, textarea"), t = M.value?.querySelector(e);
-			t instanceof HTMLElement && t.focus(), E("shown");
-		}, J = async (e) => {
-			if (N.value) {
-				$();
-				return;
-			}
-			if (H) {
-				H = !1, e.preventDefault(), e.stopPropagation();
-				return;
-			}
-			e.stopImmediatePropagation(), T.placement === "cursor" && (R.value = L(e.clientX, e.clientY)), await q();
-		}, Y = (e) => {
-			T.disabled || (e.preventDefault(), e.stopPropagation(), !(T.placement === "cursor" && (R.value = L(e.clientX, e.clientY), N.value)) && (N.value ? $() : q()));
-		}, X = (e) => {
-			T.disabled || e.pointerType === "mouse" || (H = !1, V = {
-				x: e.clientX,
-				y: e.clientY
-			}, B = setTimeout(() => {
-				H = !0, T.placement === "cursor" && V && (R.value = L(V.x, V.y)), V = null, q();
-			}, oe));
-		}, Z = (e) => {
-			if (!V) return;
-			let t = e.clientX - V.x, n = e.clientY - V.y;
-			Math.sqrt(t * t + n * n) > se && U();
-		}, Q = () => {
-			U();
-		}, $ = () => {
-			N.value && (N.value = !1, de(), T.restoreFocus && A.value && A.value.focus(), E("hidden"));
-		}, fe = l(() => {
-			if (!T.width) return !1;
-			let { unit: e } = s(T.width);
-			return e === "%";
-		}), { width: pe } = t(l(() => fe.value ? A.value : void 0), {
-			width: 0,
-			height: 0
-		}, { box: "border-box" }), me = l(() => {
-			if (!T.width) return;
-			let { value: e, unit: t } = s(T.width);
-			return t === "%" && A.value ? `${pe.value * (e / 100)}px` : `${e}px`;
-		});
-		return m({
-			show: q,
-			close: $,
-			isOpen: l(() => N.value)
-		}), (e, t) => (_(), te(c, null, [F.value ? d("", !0) : y(e.$slots, "activator", re(h({ key: 0 }, {
-			props: le.value,
-			disabled: !!e.disabled,
-			isOpen: N.value,
-			placement: e.placement
-		}))), ne(ee, h({
-			id: k,
-			ref_key: "popoverRef",
-			ref: j,
-			modelValue: N.value,
-			"onUpdate:modelValue": t[0] ||= (e) => N.value = e,
-			anchor: z.value,
-			"aria-labelledby": b(P) ? b(O) : void 0,
-			"arrow-padding": e.arrowPadding,
-			boundary: e.boundary,
-			class: ["bb-popover", `bb-popover--${e.theme}`],
-			dialog: "",
-			eager: e.eager,
-			offset: e.offset,
-			"hide-arrow": e.placement === "cursor",
-			padding: e.padding,
-			placement: e.placement === "cursor" ? "bottom-start" : e.placement,
-			scrollable: e.scrollable,
-			style: { width: me.value },
-			"transition-duration": e.transitionDuration
-		}, e.$attrs), {
-			default: C(() => [f("span", {
-				class: "bb-popover__content",
-				inert: !N.value
-			}, [e.showClose ? (_(), u(r, {
-				key: 0,
-				"aria-label": e.closeLabel || b(D)("common.closeLabel").value,
-				class: "bb-popover__close",
-				onClick: $
-			}, {
-				default: C(() => t[1] ||= [f("svg", {
-					"aria-hidden": "true",
-					fill: "none",
-					viewBox: "0 0 24 24",
-					xmlns: "http://www.w3.org/2000/svg"
-				}, [f("path", {
-					d: "M23 23L1 1M23 1L1 23",
-					stroke: "currentColor",
-					"stroke-linecap": "round",
-					"stroke-width": "2"
-				})], -1)]),
-				_: 1
-			}, 8, ["aria-label"])) : d("", !0), y(e.$slots, "default", {
-				close: $,
-				disabled: !!e.disabled,
-				open: N.value,
-				placement: e.placement
-			})], 8, ae)]),
-			_: 3
-		}, 16, [
-			"modelValue",
-			"anchor",
-			"aria-labelledby",
-			"arrow-padding",
-			"boundary",
-			"class",
-			"eager",
-			"offset",
-			"hide-arrow",
-			"padding",
-			"placement",
-			"scrollable",
-			"style",
-			"transition-duration"
-		])], 64));
-	}
+import { defineComponent as r, ref as g, createBlock as l, openBlock as d, withCtx as i, renderSlot as s, normalizeProps as p, guardReactiveProps as a } from "vue";
+import m from "./index365.js";
+import f from "./index366.js";
+const y = /* @__PURE__ */ r({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    groups: {},
+    headerHeight: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: {},
+    loadingText: {},
+    noDataText: {},
+    optionHeight: {}
+  },
+  emits: ["option:selected", "option:unselected", "focused:change"],
+  setup(h, { expose: u }) {
+    const t = g();
+    return u({
+      focusNext: () => t.value?.focusNext(),
+      focusPrevious: () => t.value?.focusPrevious(),
+      focusFirst: () => t.value?.focusFirst(),
+      focusFirstSelected: () => t.value?.focusFirstSelected(),
+      focusLast: () => t.value?.focusLast(),
+      focusLastSelected: () => t.value?.focusLastSelected(),
+      blur: () => t.value?.blur(),
+      confirmOption: () => t.value?.confirmOption(),
+      focusByHash: (o) => t.value?.focusByHash(o),
+      getHighlighted: () => t.value?.getHighlighted(),
+      getActiveDescendantId: () => t.value?.getActiveDescendantId()
+    }), (o, n) => o.groups ? (d(), l(f, {
+      key: 0,
+      ref_key: "child",
+      ref: t,
+      compact: o.compact,
+      groups: o.groups,
+      "header-height": o.headerHeight,
+      loading: o.loading,
+      "loading-text": o.loadingText,
+      multiple: o.multiple,
+      "no-data-text": o.noDataText,
+      open: o.open,
+      "option-height": o.optionHeight,
+      "transition-duration": o.transitionDuration,
+      "onOption:selected": n[0] || (n[0] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": n[1] || (n[1] = (e) => o.$emit("option:unselected", e)),
+      "onFocused:change": n[2] || (n[2] = (e) => o.$emit("focused:change", e))
+    }, {
+      "options:prepend": i(() => [
+        s(o.$slots, "options:prepend")
+      ]),
+      loading: i(() => [
+        s(o.$slots, "loading")
+      ]),
+      "no-data": i(() => [
+        s(o.$slots, "no-data")
+      ]),
+      "options:append": i(() => [
+        s(o.$slots, "options:append")
+      ]),
+      option: i((e) => [
+        s(o.$slots, "option", p(a(e)))
+      ]),
+      group: i((e) => [
+        s(o.$slots, "group", p(a(e)))
+      ]),
+      _: 3
+    }, 8, ["compact", "groups", "header-height", "loading", "loading-text", "multiple", "no-data-text", "open", "option-height", "transition-duration"])) : (d(), l(m, {
+      key: 1,
+      ref_key: "child",
+      ref: t,
+      compact: o.compact,
+      loading: o.loading,
+      "loading-text": o.loadingText,
+      multiple: o.multiple,
+      "no-data-text": o.noDataText,
+      open: o.open,
+      options: o.options ?? [],
+      "option-height": o.optionHeight,
+      "transition-duration": o.transitionDuration,
+      "onOption:selected": n[3] || (n[3] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": n[4] || (n[4] = (e) => o.$emit("option:unselected", e)),
+      "onFocused:change": n[5] || (n[5] = (e) => o.$emit("focused:change", e))
+    }, {
+      "options:prepend": i(() => [
+        s(o.$slots, "options:prepend")
+      ]),
+      loading: i(() => [
+        s(o.$slots, "loading")
+      ]),
+      "no-data": i(() => [
+        s(o.$slots, "no-data")
+      ]),
+      "options:append": i(() => [
+        s(o.$slots, "options:append")
+      ]),
+      option: i((e) => [
+        s(o.$slots, "option", p(a(e)))
+      ]),
+      _: 3
+    }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "option-height", "transition-duration"]));
+  }
 });
-//#endregion
-export { w as default };
+export {
+  y as default
+};

package/dist/index289.js

@@ -0,0 +1,25 @@
+const i = (t) => {
+  const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
+  return parseFloat(n) || 0;
+};
+function s(t) {
+  if (typeof t == "number")
+    return {
+      value: i(t),
+      unit: "px"
+    };
+  if (typeof t == "string") {
+    const r = /^(-?\d*\.?\d+)([a-zA-Z%]*)?$/, e = t.match(r);
+    if (e) {
+      const [, n, o = "px"] = e, a = parseFloat(n);
+      return {
+        value: i(a),
+        unit: o
+      };
+    }
+  }
+  throw new Error(`Invalid width: ${t}`);
+}
+export {
+  s as parseWidthString
+};

package/dist/index290.js

@@ -1,6 +1,35 @@
-import e from "./index288.js";
+import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
 /* empty css         */
-//#region src/components/BbPopover/BbPopover.vue
-var t = e;
-//#endregion
-export { t as default };
+import n from "./index339.js";
+const l = {}, s = {
+  class: "bb-error-icon",
+  fill: "none",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function i(c, r) {
+  return t(), e("svg", s, r[0] || (r[0] = [
+    o("path", {
+      d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
+      fill: "currentColor"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 6.66666V9.99999",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 13.3333H10.0025",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1)
+  ]));
+}
+const a = /* @__PURE__ */ n(l, [["render", i]]);
+export {
+  a as default
+};

package/dist/index291.js

@@ -1,21 +1,30 @@
-import { clamp as e } from "./index8.js";
-import { getAsPercentageBetween as t } from "./index9.js";
-import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c } from "vue";
-//#region src/components/BbProgress/BbProgress.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ a({
-	__name: "BbProgress",
-	props: {
-		modelValue: { default: 0 },
-		min: { default: 0 },
-		max: { default: 100 }
-	},
-	setup(a) {
-		let l = a, u = n(() => e(t(l.modelValue || l.min, l.min, l.max), 0, 100));
-		return (e, t) => (c(), r("div", { class: o(["bb-progress", { "bb-progress--horizontal": !0 }]) }, [i("div", {
-			class: "bb-progress-bar",
-			style: s({ width: u.value + "%" })
-		}, null, 4)]));
-	}
+import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
+import { useLocale as s } from "./index240.js";
+const c = ["aria-label"], b = /* @__PURE__ */ l({
+  __name: "ClearableButton",
+  setup(u) {
+    const { t: o } = s();
+    return (i, e) => (r(), n("button", {
+      "aria-label": a(o)("common.clearLabel").value,
+      class: "bb-clearable-button",
+      type: "button"
+    }, e[0] || (e[0] = [
+      t("svg", {
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        t("path", {
+          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "stroke-width": "2"
+        })
+      ], -1)
+    ]), 8, c));
+  }
 });
-//#endregion
-export { l as default };
+export {
+  b as default
+};

package/dist/index293.js

@@ -1,6 +1,11 @@
-import e from "./index291.js";
-/* empty css         */
-//#region src/components/BbProgress/BbProgress.vue
-var t = e;
-//#endregion
-export { t as default };
+const o = (n, t) => {
+  for (let e = n.length - 1; e >= 0; e--) {
+    const i = n[e];
+    if (t(i, e, n))
+      return e;
+  }
+  return -1;
+};
+export {
+  o as findRightIndex
+};

package/dist/index294.js

@@ -1,125 +1,25 @@
-import e from "./index145.js";
-import t from "./index154.js";
-import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, ref as u, renderSlot as d, withCtx as f } from "vue";
-//#region src/components/BbRadio/BbRadio.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ a({
-	__name: "BbRadio",
-	props: {
-		autofocus: {},
-		checked: {},
-		color: {},
-		direction: { default: "auto" },
-		disabled: { type: Boolean },
-		errors: {},
-		hasErrors: { type: Boolean },
-		hideLabel: { type: Boolean },
-		hint: {},
-		id: {},
-		inputPosition: {},
-		label: {},
-		labelPosition: {},
-		modelValue: {},
-		name: {},
-		persistentHint: { type: Boolean },
-		readonly: { type: Boolean },
-		required: { type: Boolean },
-		reverse: {
-			type: Boolean,
-			default: !0
-		},
-		value: {}
-	},
-	emits: [
-		"blur",
-		"change",
-		"click",
-		"focus",
-		"input",
-		"keydown",
-		"mousedown",
-		"mouseup",
-		"update:modelValue"
-	],
-	setup(a, { emit: p }) {
-		let m = a, h = p, g = u(!1), _ = n(() => m.persistentHint || g.value), v = {
-			onBlur: (e) => {
-				g.value = !1, h("blur", e);
-			},
-			onChange: (e) => h("change", e),
-			onClick: (e) => h("click", e),
-			onFocus: (e) => {
-				g.value = !0, h("focus", e);
-			},
-			onInput: (e) => h("input", e),
-			onKeydown: (e) => h("keydown", e),
-			onMousedown: (e) => h("mousedown", e),
-			onMouseup: (e) => h("mouseup", e),
-			"onUpdate:modelValue": (e) => h("update:modelValue", e)
-		};
-		return (n, a) => (l(), r(e, {
-			id: n.id,
-			class: "bb-radio",
-			direction: n.direction,
-			errors: n.errors,
-			"has-errors": n.hasErrors,
-			"hide-label": n.hideLabel,
-			hint: n.hint,
-			"input-position": n.inputPosition,
-			label: n.label,
-			"label-position": n.labelPosition,
-			"label-tag": "span",
-			name: n.name,
-			reverse: n.reverse,
-			"show-hint": _.value,
-			tag: "label"
-		}, {
-			label: f((e) => [d(n.$slots, "label", c(o(e)))]),
-			input: f(({ id: e, name: r, hasErrors: a, ariaDescribedby: o }) => [i(t, s({
-				id: e,
-				"aria-describedby": o,
-				autofocus: n.autofocus,
-				checked: n.checked,
-				color: n.color,
-				disabled: n.disabled,
-				"has-errors": a,
-				"model-value": n.modelValue,
-				name: r,
-				readonly: n.readonly,
-				required: n.required,
-				value: n.value
-			}, v), {
-				icon: f((e) => [d(n.$slots, "icon", s(e, { text: n.label }))]),
-				_: 2
-			}, 1040, [
-				"id",
-				"aria-describedby",
-				"autofocus",
-				"checked",
-				"color",
-				"disabled",
-				"has-errors",
-				"model-value",
-				"name",
-				"readonly",
-				"required",
-				"value"
-			])]),
-			_: 3
-		}, 8, [
-			"id",
-			"direction",
-			"errors",
-			"has-errors",
-			"hide-label",
-			"hint",
-			"input-position",
-			"label",
-			"label-position",
-			"name",
-			"reverse",
-			"show-hint"
-		]));
-	}
-});
-//#endregion
-export { p as default };
+const e = {
+  inert: ":not([inert]):not([inert] *)",
+  negTabIndex: ':not([tabindex^="-"])',
+  disabled: ":not(:disabled)"
+}, n = [
+  `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}`,
+  // Discard until Firefox supports `:has()`
+  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
+  // `details:not(:has(> summary))${not.inert}${not.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}`
+];
+export {
+  n as default
+};

package/dist/index295.js

@@ -0,0 +1,10 @@
+const t = (o) => {
+  const r = [];
+  let e = [];
+  for (const s of o)
+    Array.isArray(s) ? (e.length && (r.push(e), e = []), s.length && r.push(s)) : e.push(s);
+  return e.length && r.push(e), r;
+};
+export {
+  t as normalizeItemGroups
+};