bitboss-ui 2.1.119 → 2.1.121

package/dist/index280.js

@@ -1,23 +1,145 @@
-function i(e, o) {
-  const l = {}, u = e.length;
-  for (let n = 0; n < u; n++) {
-    const s = e[n];
-    let f;
-    if (typeof o == "function")
-      f = o(s, n, e);
-    else {
-      const t = s[o];
-      if (typeof t == "string" || typeof t == "number" || typeof t == "symbol")
-        f = t;
-      else
-        throw new Error(
-          `Property "${String(o)}" must be of type string, number, or symbol`
-        );
-    }
-    l[f] = s;
-  }
-  return l;
-}
-export {
-  i as indexBy
-};
+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 };

package/dist/index282.js

@@ -1,88 +1,6 @@
-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 "./index228.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
-};
+import e from "./index280.js";
+/* empty css         */
+//#region src/components/BbOffCanvas/BbOffCanvas.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index283.js

@@ -0,0 +1,11 @@
+//#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 };

package/dist/index284.js

@@ -1,5 +1,200 @@
-import t from "./index325.js";
-const r = t;
-export {
-  r as throttle
-};
+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 };

package/dist/index286.js

@@ -1,18 +1,6 @@
-const e = (o, r, f) => o.reduce((t, n) => {
-  if (t) return t;
-  if (f(n))
-    return n;
-  if (r in n) {
-    const i = e(
-      [].concat(n[r]),
-      r,
-      f
-    );
-    if (i)
-      return i;
-  }
-  return t;
-}, null);
-export {
-  e as findInTree
-};
+import e from "./index284.js";
+/* empty css         */
+//#region src/components/BbPagination/BbPagination.vue
+var t = e;
+//#endregion
+export { t as default };