bitboss-ui 2.1.128 → 2.1.130

package/dist/index284.js

@@ -1,200 +1,20 @@
-import { useRoute as e } from "./index28.js";
-import t from "./index36.js";
-import { useLocale as n } from "./index42.js";
-import { debounce as r } from "./index283.js";
-import { Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, useModel as w, withCtx as T } from "vue";
-//#region src/components/BbPagination/BbPagination.vue?vue&type=script&setup=true&lang.ts
-var E = ["aria-label"], D = { class: "bb-pagination__page-label sr-only" }, O = { class: "bb-pagination__page-label" }, k = { class: "bb-pagination__page-label" }, A = { class: "bb-pagination__page-label sr-only" }, j = /* @__PURE__ */ l({
-	__name: "BbPagination",
-	props: /* @__PURE__ */ d({
-		disabled: { type: Boolean },
-		loading: { type: Boolean },
-		align: { default: "right" },
-		ellipsis: { default: "..." },
-		label: { default: "Paginazione" },
-		maxSize: { default: 6 },
-		navigation: { type: Boolean },
-		replace: { type: Boolean },
-		querykey: { default: "page" },
-		totalPages: { default: 1 }
-	}, {
-		modelValue: { default: 1 },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(l) {
-		let d = l, { t: j } = n(), M = w(l, "modelValue"), N = e(), P = a(() => +d.totalPages), F = y(1), I = y(+d.maxSize), L = y(), R = y(), z = y(Infinity), B = () => {
-			L.value && R.value && (L.value.clientWidth < R.value.clientWidth ? I.value - 1 > 3 ? (I.value--, p(B)) : I.value = 3 : I.value < +d.maxSize && L.value.clientWidth - R.value.clientWidth > z.value && (I.value = Math.min(I.value + 1, +d.maxSize), p(B)));
-		};
-		if (globalThis.ResizeObserver) {
-			let e = new ResizeObserver(r(B, 200));
-			_(() => {
-				if (L.value && R.value) {
-					let t = L.value.querySelectorAll(".bb-pagination__page")[1];
-					if (t) {
-						let e = getComputedStyle(R.value).columnGap.replaceAll(/\D/g, ""), n = Number(e);
-						z.value = t.clientWidth + n;
-					}
-					e.observe(L.value);
-				}
-			}), g(() => {
-				e.disconnect();
-			});
-		}
-		let V = a(() => {
-			if (P.value <= 0 || isNaN(P.value) || P.value > 2 ** 53 - 1) return [];
-			if (I.value <= 1) return [M.value];
-			if (P.value <= I.value) return U(P.value, F.value);
-			let e = I.value % 2 == 0, t = e ? I.value / 2 : Math.floor(I.value / 2), n = e ? t : t + 1, r = P.value - t;
-			if (n - M.value >= 0) return [
-				...U(Math.max(1, I.value - 1), F.value),
-				d.ellipsis,
-				P.value
-			];
-			if (M.value - r >= +!!e) {
-				let e = I.value - 1, t = P.value - e + F.value;
-				return [
-					F.value,
-					d.ellipsis,
-					...U(e, t)
-				];
-			} else {
-				let e = Math.max(1, I.value - 3), t = e === 1 ? M.value : M.value - Math.ceil(e / 2) + F.value;
-				return [
-					F.value,
-					d.ellipsis,
-					...U(e, t),
-					d.ellipsis,
-					P.value
-				];
-			}
-		}), H = a(() => V.value.map((e, t) => typeof e == "string" ? {
-			active: !1,
-			key: `ellipsis-${t}`,
-			page: e,
-			ellipsis: !0,
-			disabled: !0
-		} : {
-			active: e === M.value,
-			key: e,
-			page: e,
-			ellipsis: !1,
-			disabled: !!d.disabled || +d.totalPages < 2 || d.loading
-		})), U = (e, t = 0) => Array.from({ length: e }, (e, n) => t + n), W = a(() => {
-			let e = {
-				disabled: M.value <= 1 || d.loading || d.disabled,
-				onClick: () => {
-					M.value > 1 && --M.value;
-				},
-				class: "bb-pagination__page bb-pagination__page--previous"
-			};
-			if (d.navigation) {
-				let t = (M.value - 1).toString();
-				if (N.value) e.to = {
-					path: N.value?.path,
-					query: {
-						...N.value?.query,
-						[d.querykey]: t
-					}
-				}, e.replace = d.replace;
-				else {
-					let n = new URL(globalThis.location.href);
-					n.searchParams.set(d.querykey, t), e.href = n.toString();
-				}
-			}
-			return e;
-		}), G = (e) => {
-			let t = {
-				class: ["bb-pagination__page"],
-				disabled: e.disabled,
-				onClick: () => {
-					typeof e.key == "number" && (M.value = e.key);
-				}
-			};
-			if (e.active && t.class.push("bb-pagination__page--active"), e.ellipsis && t.class.push("bb-pagination__page--ellipsis"), d.navigation) {
-				let n = e.key.toString();
-				if (N.value) t.to = {
-					path: N.value?.path,
-					query: {
-						...N.value?.query,
-						[d.querykey]: n
-					}
-				}, t.replace = d.replace;
-				else {
-					let e = new URL(globalThis.location.href);
-					e.searchParams.set(d.querykey, n), t.href = e.toString();
-				}
-			}
-			return t;
-		}, K = a(() => {
-			let e = {
-				disabled: M.value >= P.value || d.loading || d.disabled,
-				onClick: () => {
-					M.value < P.value && (M.value += 1);
-				},
-				class: "bb-pagination__page bb-pagination__page--next"
-			};
-			if (d.navigation) {
-				let t = (M.value + 1).toString();
-				if (N.value) e.to = {
-					path: N.value?.path,
-					query: {
-						...N.value?.query,
-						[d.querykey]: t
-					}
-				}, e.replace = d.replace;
-				else {
-					let n = new URL(globalThis.location.href);
-					n.searchParams.set(d.querykey, t), e.href = n.toString();
-				}
-			}
-			return e;
-		});
-		return (e, n) => (v(), o("div", {
-			ref_key: "outercontainer",
-			ref: L,
-			class: m(["bb-pagination", {
-				[`bb-pagination--${e.align}`]: !0,
-				"bb-pagination--disabled": e.disabled
-			}])
-		}, [s("nav", { "aria-label": e.label }, [s("ul", {
-			ref_key: "innercontainer",
-			ref: R,
-			class: "bb-pagination__pages"
-		}, [
-			s("li", null, [c(C(t), h(u(W.value)), {
-				default: T(() => [x(e.$slots, "previous", {}, () => [s("span", D, S(C(j)("pagination.previous").value), 1), n[0] ||= s("svg", {
-					class: "bb-pagination__page-chevron",
-					viewBox: "0 0 24 24",
-					xmlns: "http://www.w3.org/2000/svg"
-				}, [s("path", {
-					d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
-					fill: "currentColor"
-				})], -1)])]),
-				_: 3
-			}, 16)]),
-			(v(!0), o(i, null, b(H.value, (n) => (v(), o("li", { key: n.key }, [c(C(t), f({ ref_for: !0 }, G(n)), {
-				default: T(() => [n.ellipsis === !0 ? x(e.$slots, "ellipsis", { key: 0 }, () => [s("span", O, S(d.ellipsis), 1)]) : x(e.$slots, "item", {
-					key: 1,
-					active: n.active,
-					disabled: n.disabled,
-					item: n.key
-				}, () => [s("span", k, S(n.key), 1)])]),
-				_: 2
-			}, 1040)]))), 128)),
-			s("li", null, [c(C(t), h(u(K.value)), {
-				default: T(() => [x(e.$slots, "next", {}, () => [s("span", A, S(C(j)("pagination.next").value), 1), n[1] ||= s("svg", {
-					class: "bb-pagination__page-chevron",
-					viewBox: "0 0 24 24",
-					xmlns: "http://www.w3.org/2000/svg"
-				}, [s("path", {
-					d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
-					fill: "currentColor"
-				})], -1)])]),
-				_: 3
-			}, 16)])
-		], 512)], 8, E)], 2));
-	}
-});
-//#endregion
-export { j as default };
+import { isNil as c } from "./index268.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/index285.js

@@ -0,0 +1,14 @@
+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/index286.js

@@ -1,6 +1,108 @@
-import e from "./index284.js";
-/* empty css         */
-//#region src/components/BbPagination/BbPagination.vue
-var t = e;
-//#endregion
-export { t as default };
+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 "./index243.js";
+import { isNil as l } from "./index268.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/index288.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 "./index243.js";
+import { isNil as i } from "./index268.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
+};

package/dist/index290.js

@@ -1,21 +1,109 @@
-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 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 "./index359.js";
+import f from "./index360.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 { l as default };
+export {
+  y as default
+};

package/dist/index291.js

@@ -0,0 +1,11 @@
+function u(e, i) {
+  let t;
+  return function(...o) {
+    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, o);
+    }, i);
+  };
+}
+export {
+  u as debounce
+};

package/dist/index292.js

@@ -1,6 +1,8 @@
-import e from "./index290.js";
-/* empty css         */
-//#region src/components/BbProgress/BbProgress.vue
-var t = e;
-//#endregion
-export { t as default };
+import e from "./index341.js";
+import o from "./index342.js";
+import r from "./index343.js";
+const f = new r(o, e)._freeze();
+export {
+  r as Mime,
+  f as default
+};