bitboss-ui 2.1.119 → 2.1.121

package/dist/index326.js

@@ -1,7 +1,450 @@
-import { getDefaultExportFromCjs as r } from "./index344.js";
-import { __require as o } from "./index352.js";
-var e = o();
-const s = /* @__PURE__ */ r(e);
-export {
-  s as default
-};
+import { clamp as e } from "./index8.js";
+import { useId as t } from "./index12.js";
+import { useLogger as n } from "./index31.js";
+import { useLocale as r } from "./index42.js";
+import { hash as i } from "./index81.js";
+import a from "./index85.js";
+import { useItemsGetter as o } from "./index89.js";
+import { useIndexById as s } from "./index90.js";
+import { useItemValue as c } from "./index92.js";
+import { useBaseOptions as ee } from "./index93.js";
+import { isNil as l } from "./index94.js";
+import { useHashedWatcher as te } from "./index96.js";
+import { usePrefill as ne } from "./index97.js";
+import { when as re } from "./index151.js";
+import ie from "./index154.js";
+import { applyFixedTableColumns as ae, columnKeyToSlotName as oe, mergeCellClasses as se, mergeHeaderClasses as ce } from "./index325.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as le, createVNode as g, defineComponent as _, mergeModels as v, mergeProps as ue, normalizeClass as y, normalizeStyle as b, openBlock as x, reactive as de, ref as fe, renderList as S, renderSlot as C, resolveDynamicComponent as pe, toDisplayString as w, toRef as T, unref as E, useModel as me, watch as D, withCtx as he } from "vue";
+//#region src/components/BbTable/BbTable.vue?vue&type=script&setup=true&lang.ts
+var ge = {
+	key: 0,
+	class: "sr-only"
+}, _e = ["aria-rowindex"], ve = { class: "bb-table-header__content" }, ye = { class: "bb-table-check__label-text sr-only" }, be = {
+	key: 1,
+	class: "bb-table-radio__label-text sr-only"
+}, xe = ["aria-sort"], Se = { class: "bb-table-header__content" }, Ce = { class: "bb-table-header__content sr-only" }, we = ["aria-rowindex"], Te = {
+	key: 0,
+	class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
+}, Ee = {
+	key: 0,
+	class: "bb-table-skeleton__cell-content"
+}, De = {
+	key: 1,
+	class: "bb-table-skeleton__avatar"
+}, Oe = {
+	key: 2,
+	class: "bb-table-skeleton__avatar-text"
+}, ke = { class: "bb-table-skeleton__cell-content" }, Ae = {
+	key: 3,
+	class: "bb-table-skeleton__image"
+}, je = {
+	key: 4,
+	class: "bb-table-skeleton__badge"
+}, Me = {
+	key: 1,
+	class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
+}, Ne = ["aria-rowindex"], Pe = ["colspan"], Fe = { class: "bb-table-loading__text sr-only" }, Ie = ["aria-rowindex"], Le = ["colspan"], Re = { class: "bb-table-no-data__text" }, ze = [
+	"aria-rowindex",
+	"onClick",
+	"onContextmenu",
+	"onDblclick"
+], Be = { class: "bb-table-check__label-text sr-only" }, Ve = { class: "bb-table-radio__label-text sr-only" }, He = ["aria-rowindex", "id"], Ue = ["colspan"], O = /* @__PURE__ */ _({
+	__name: "BbTable",
+	props: /* @__PURE__ */ v({
+		accessibleLabel: {},
+		actions: { type: Boolean },
+		actionsText: { default: "Azioni" },
+		align: { default: "left" },
+		allowSelectAll: {
+			type: Boolean,
+			default: !0
+		},
+		caption: {},
+		compact: { type: Boolean },
+		dependencies: { default: () => [] },
+		depsDebounceTime: { default: 0 },
+		disabled: { type: Boolean },
+		displayCaption: { type: Boolean },
+		fixed: { type: Boolean },
+		fixedColumns: { default: () => [] },
+		fixedHeaders: { type: Boolean },
+		items: {
+			type: [Array, Function],
+			default: () => []
+		},
+		itemValue: {},
+		legend: {},
+		loading: { type: Boolean },
+		loadingText: {},
+		max: { default: Infinity },
+		modelValue: { default: () => [] },
+		multiple: {
+			type: Boolean,
+			default: !0
+		},
+		name: {},
+		noDataText: {},
+		page: {},
+		perPage: {},
+		readonly: { type: Boolean },
+		selectAll: { type: Boolean },
+		selectable: { type: [Boolean, Function] },
+		selectAllLabel: {},
+		selectText: {},
+		tdClass: {},
+		thClass: {},
+		totalItems: {},
+		unselectedItems: { default: () => [] },
+		columns: { default: () => [] }
+	}, {
+		selectAll: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		selectAllModifiers: {},
+		expandedItems: {
+			required: !1,
+			default: () => []
+		},
+		expandedItemsModifiers: {}
+	}),
+	emits: /* @__PURE__ */ v([
+		"click:row",
+		"contextmenu:row",
+		"dblclick:row",
+		"update:modelValue",
+		"update:selectAll",
+		"update:expandedItems",
+		"update:unselectedItems",
+		"item:selected",
+		"item:unselected"
+	], ["update:selectAll", "update:expandedItems"]),
+	setup(_, { emit: v }) {
+		let { getItemValue: O } = c(), k = t().id.value, A = _, j = v;
+		A.multiple && !Array.isArray(A.modelValue) && n().throw("BbTable is set for multiple selection but modelValue is not an array.");
+		let { t: M } = r(), N = fe(), We = (e) => [M("table.select").value, ...e.map((e) => e.content)].join(" "), Ge = d(() => A.selectable ? "fieldset" : "div"), P = d(() => A.loading || qe.value), F = d(() => !l(A.page) && !l(A.perPage) && !l(A.totalItems)), Ke = d(() => ({
+			"bb-table": !0,
+			[`bb-table--align-${A.align}`]: !0,
+			"bb-table--compact": A.compact,
+			"bb-table--fixed": A.fixed,
+			"bb-table--fixed-header": A.fixedHeaders,
+			"bb-table--loading": P.value,
+			"bb-table--empty": !V.value.length,
+			"bb-table--selectable": !!A.selectable
+		})), I = d(() => A.columns.length + Number(!!A.selectable) + Number(!!A.actions)), L = d(() => Object.fromEntries(A.columns.map((e) => [e.key, oe(e.key)]))), { getter: R, items: z, loading: qe } = o({ items: T(A, "items") }), { hasPrefilled: Je } = ne({
+			trigger: !0,
+			fn: async (e) => {
+				await R(e, A.modelValue);
+			}
+		}), { data: B } = s({ items: T(A, "modelValue") }), { options: V } = ee({
+			disabled: T(A, "disabled"),
+			items: z,
+			itemText: void 0,
+			itemValue: A.itemValue,
+			max: A.max,
+			selectable: !0,
+			selectedIndexedByHash: B
+		}), Ye = async (e) => {
+			A.multiple ? j("update:modelValue", A.modelValue.concat(e.value)) : j("update:modelValue", e.value);
+		}, Xe = async (e) => {
+			if (A.multiple) {
+				let t = { ...B.value };
+				delete t[e.valueHash], j("update:modelValue", Object.values(t));
+			} else j("update:modelValue", null);
+		};
+		te(() => [A.dependencies, A.items], async () => {
+			Je.value && await R(!1, A.modelValue);
+		}, { debounce: A.depsDebounceTime });
+		let Ze = (e, t) => {
+			let n = L.value[e.key], r = e.align ?? "left", i = O(t.item, e.key);
+			return e.formatter && (!l(i) || e.formatOnNull !== !1) && (i = e.formatter(i, e.key, t.item)), e.placeholder && l(i) && (i = e.placeholder), {
+				align: r,
+				classes: se([`bb-table-data__cell--${r}`], A.tdClass, e.tdClass, i, e.key, t.item),
+				content: i,
+				key: e.key,
+				label: e.label,
+				slotName: n
+			};
+		}, Qe = d(() => A.columns.map((e) => {
+			let t = e.align ?? "left", n = `header:${L.value[e.key]}`, r = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
+			return {
+				align: t,
+				key: e.key,
+				label: e.label,
+				slotName: n,
+				classes: ce([`bb-table-header--${t}`], A.thClass, e.thClass),
+				sortDirection: r
+			};
+		})), H = d(() => {
+			let e = 0;
+			return V.value.map((t, n) => {
+				let r = !A.selectable || typeof A.selectable == "function" && !A.selectable(t.item) || !!t.disabled, i = (A.page ?? -1) * (A.perPage ?? 0), a = n + 1, o = i + 1 + a + e, s = A.columns.map((e) => Ze(e, t)), c = G.value[t.valueHash] ?? !1;
+				return c && e++, {
+					accessibleLabel: We(s),
+					cols: s,
+					expanded: c,
+					onRowClick: (e) => j("click:row", e, t, !!t.selected),
+					onRowContextMenu: (e) => j("contextmenu:row", e, t, !!t.selected),
+					onRowDblClick: (e) => j("dblclick:row", e, t, !!t.selected),
+					item: t.item,
+					text: t.text,
+					rowIndex: o,
+					valueHash: t.valueHash,
+					value: t.value,
+					selected: t.selected,
+					disabled: r
+				};
+			});
+		}), U = me(_, "selectAll"), W = me(_, "expandedItems"), { data: G } = s({ items: W }), $e = (e, t) => {
+			e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), q(t)));
+		}, K = (e) => ({
+			"aria-controls": l(G.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
+			"aria-expanded": e.expanded ? "true" : "false",
+			onClick: (t) => {
+				t.stopPropagation(), q(e.valueHash);
+			},
+			onKeydown: (t) => $e(t, e.valueHash)
+		}), q = (e) => {
+			let t = V.value.find((t) => t.valueHash === e);
+			t && (e in G.value ? W.value = W.value.filter((t) => i(t) !== e) : W.value = [...W.value, t.value]);
+		};
+		D(U, () => {
+			Y.clear(), j("update:unselectedItems", []), j("update:modelValue", []);
+		});
+		let J = d(() => !!(A.multiple && A.modelValue.length > 0 && !A.selectAll || U.value && Y.size > 0)), Y = de(/* @__PURE__ */ new Set());
+		D(() => A.unselectedItems, () => {
+			Y.clear(), A.unselectedItems.forEach((e) => {
+				Y.add(i(e));
+			});
+		});
+		let X = (e) => {
+			if (Z(e)) {
+				Xe(e), j("item:unselected", e.value), Y.add(e.valueHash), j("update:unselectedItems", [...A.unselectedItems, e.value]);
+				return;
+			}
+			U.value || Ye(e), j("item:selected", e.value), Y.delete(e.valueHash), j("update:unselectedItems", A.unselectedItems.filter((t) => i(t) !== i(e.value)));
+		}, Z = (e) => Y.has(e.valueHash) ? !1 : e.selected || U.value, et = re((e) => typeof e != "string", JSON.stringify), tt = d(() => [].concat(A.modelValue ?? []).map((e) => ({
+			disabled: A.disabled,
+			name: A.name,
+			type: "hidden",
+			value: et(e)
+		}))), Q = [
+			70,
+			45,
+			85,
+			55
+		], $ = d(() => e(V.value.length || A.columns.length || 1, 4, 10));
+		return D(() => [H.value, A.fixedColumns], () => {
+			N.value && A.fixedColumns?.length && ae(N.value, A.fixedColumns);
+		}, { flush: "post" }), (e, t) => (x(), f(pe(Ge.value), {
+			"aria-busy": P.value,
+			"aria-rowcount": F.value ? A.totalItems : void 0,
+			class: y(Ke.value),
+			inert: e.disabled
+		}, {
+			default: he(() => [
+				e.selectable ? (x(), m("legend", ge, w(e.legend), 1)) : p("", !0),
+				h("table", {
+					ref_key: "tableRef",
+					ref: N
+				}, [
+					e.caption ? (x(), m("caption", {
+						key: 0,
+						class: y({
+							"bb-table-caption": !0,
+							"sr-only": !e.displayCaption
+						})
+					}, w(e.caption), 3)) : p("", !0),
+					h("thead", null, [C(e.$slots, "thead", {}, () => [h("tr", {
+						"aria-rowindex": F.value ? 1 : void 0,
+						class: "bb-table-header-row"
+					}, [
+						e.selectable ? (x(), m("th", {
+							key: 0,
+							class: y(["bb-table-header bb-table-header--select", e.thClass]),
+							scope: "col"
+						}, [C(e.$slots, "header:select", {
+							multiple: e.multiple,
+							selectAll: !!U.value,
+							text: e.selectText || E(M)("table.selectText").value
+						}, () => [h("span", ve, [e.allowSelectAll && e.multiple ? (x(), m("label", {
+							key: 0,
+							class: y(["bb-table-check__label", { "bb-table-check__label--disabled": e.disabled }])
+						}, [(x(), f(a, {
+							key: J.value.toString(),
+							modelValue: U.value,
+							"onUpdate:modelValue": t[0] ||= (e) => U.value = e,
+							class: "bb-table-check",
+							disabled: e.disabled,
+							indeterminate: J.value,
+							name: `select_all_${e.name || ""}`,
+							readonly: e.readonly
+						}, null, 8, [
+							"modelValue",
+							"disabled",
+							"indeterminate",
+							"name",
+							"readonly"
+						])), h("span", ye, w(e.selectAllLabel || E(M)("table.selectAllLabel").value), 1)], 2)) : e.multiple ? p("", !0) : (x(), m("span", be, w(e.selectText || E(M)("table.selectText").value), 1))])])], 2)) : p("", !0),
+						(x(!0), m(u, null, S(Qe.value, (t) => (x(), m("th", {
+							key: t.key,
+							"aria-sort": t.sortDirection,
+							class: y(["bb-table-header", t.classes]),
+							scope: "col"
+						}, [C(e.$slots, t.slotName, {
+							classes: t.classes,
+							items: E(z),
+							label: t.label
+						}, () => [h("span", Se, w(t.label), 1)])], 10, xe))), 128)),
+						e.actions ? (x(), m("th", {
+							key: 1,
+							class: y(["bb-table-header bb-table-header--actions", e.thClass]),
+							scope: "col"
+						}, [C(e.$slots, "header:actions", { text: e.actionsText }, () => [h("span", Ce, w(e.actionsText), 1)])], 2)) : p("", !0)
+					], 8, _e)])]),
+					h("tbody", null, [P.value ? C(e.$slots, "loading", {
+						key: 0,
+						items: E(z)
+					}, () => [(x(!0), m(u, null, S($.value, (n, r) => (x(), m("tr", {
+						key: r,
+						"aria-rowindex": F.value ? r + 2 : void 0,
+						class: "bb-table-skeleton__row"
+					}, [
+						e.selectable ? (x(), m("td", Te, t[1] ||= [h("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : p("", !0),
+						(x(!0), m(u, null, S(A.columns, (e, n) => (x(), m("td", {
+							key: e.key,
+							class: y(["bb-table-skeleton__cell", `bb-table-skeleton__cell--${e.skeleton ?? "text"}`])
+						}, [!e.skeleton || e.skeleton === "text" ? (x(), m("div", Ee, [h("div", {
+							class: "bb-table-skeleton__line",
+							style: b({ width: `${Q[(r + n) % 4]}%` })
+						}, null, 4), h("div", {
+							class: "bb-table-skeleton__line",
+							style: b({ width: `${Q[(r + n + 2) % 4]}%` })
+						}, null, 4)])) : e.skeleton === "avatar" ? (x(), m("div", De)) : e.skeleton === "avatar-text" ? (x(), m("div", Oe, [t[2] ||= h("div", { class: "bb-table-skeleton__avatar" }, null, -1), h("div", ke, [h("div", {
+							class: "bb-table-skeleton__line",
+							style: b({ width: `${Q[(r + n) % 4]}%` })
+						}, null, 4), h("div", {
+							class: "bb-table-skeleton__line",
+							style: b({ width: `${Q[(r + n + 2) % 4]}%` })
+						}, null, 4)])])) : e.skeleton === "image" ? (x(), m("div", Ae)) : e.skeleton === "badge" ? (x(), m("div", je)) : p("", !0)], 2))), 128)),
+						e.actions ? (x(), m("td", Me, t[3] ||= [h("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : p("", !0)
+					], 8, we))), 128)), h("tr", {
+						"aria-rowindex": F.value ? $.value + 2 : void 0,
+						class: "bb-table-loading__row bb-table-loading__row--sr-only"
+					}, [h("td", {
+						colspan: I.value,
+						class: "bb-table-loading__cell",
+						"aria-live": "polite",
+						role: "status"
+					}, [h("span", Fe, w(e.loadingText), 1)], 8, Pe)], 8, Ne)]) : E(V).length ? C(e.$slots, "tbody", { key: 2 }, () => [(x(!0), m(u, null, S(H.value, (t) => (x(), m(u, { key: t.valueHash }, [h("tr", {
+						"aria-rowindex": F.value && t.rowIndex ? t.rowIndex : void 0,
+						class: "bb-table-data__row",
+						onClick: t.onRowClick,
+						onContextmenu: t.onRowContextMenu,
+						onDblclick: t.onRowDblClick
+					}, [
+						e.selectable ? (x(), m("td", {
+							key: 0,
+							class: y(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
+						}, [C(e.$slots, "select", {
+							checked: Z(t),
+							disabled: !!t.disabled,
+							inputName: E(k),
+							item: t.item,
+							readonly: !!e.readonly,
+							value: t.value
+						}, () => [e.multiple ? (x(), m("label", {
+							key: 0,
+							class: y(["bb-table-check__label", { "bb-table-check__label--disabled": t.disabled }])
+						}, [g(a, {
+							checked: Z(t),
+							class: "bb-table-check",
+							disabled: t.disabled,
+							readonly: e.readonly,
+							onChange: () => X(t)
+						}, null, 8, [
+							"checked",
+							"disabled",
+							"readonly",
+							"onChange"
+						]), h("span", Be, w(t.accessibleLabel), 1)], 2)) : (x(), m("label", {
+							key: 1,
+							class: y(["bb-table-radio__label", { "bb-table-radio__label--disabled": t.disabled }])
+						}, [g(ie, {
+							checked: t.selected,
+							class: "bb-table-radio",
+							disabled: t.disabled,
+							name: E(k),
+							readonly: e.readonly,
+							value: t.value,
+							onChange: () => X(t)
+						}, null, 8, [
+							"checked",
+							"disabled",
+							"name",
+							"readonly",
+							"value",
+							"onChange"
+						]), h("span", Ve, w(t.accessibleLabel), 1)], 2))])], 2)) : p("", !0),
+						(x(!0), m(u, null, S(t.cols, (n) => (x(), m("td", {
+							key: n.key,
+							class: y(["bb-table-data__cell", n.classes])
+						}, [C(e.$slots, n.slotName, {
+							classes: n.classes,
+							content: n.content,
+							expanded: t.expanded,
+							item: t.item,
+							expandProps: K(t),
+							toggleExpanded: () => q(t.valueHash),
+							value: t.value
+						}, () => [le(w(n.content), 1)])], 2))), 128)),
+						e.actions ? (x(), m("td", {
+							key: 1,
+							class: y(["bb-table__cell bb-table__cell--actions", e.tdClass])
+						}, [C(e.$slots, "actions", {
+							expanded: t.expanded,
+							item: t.item,
+							expandProps: K(t),
+							toggleExpanded: () => q(t.valueHash),
+							value: t.value
+						})], 2)) : p("", !0)
+					], 40, ze), t.expanded ? (x(), m("tr", {
+						key: 0,
+						"aria-rowindex": F.value && t.rowIndex ? t.rowIndex + 1 : void 0,
+						id: `expanded_${t.valueHash}`,
+						class: "bb-table-expand__row"
+					}, [h("td", {
+						colspan: I.value,
+						class: "bb-table-expand__cell"
+					}, [C(e.$slots, "expand", {
+						expanded: t.expanded,
+						item: t.item,
+						expandProps: K(t),
+						toggleExpanded: () => q(t.valueHash),
+						value: t.value
+					})], 8, Ue)], 8, He)) : p("", !0)], 64))), 128))]) : C(e.$slots, "no-data", { key: 1 }, () => [h("tr", {
+						"aria-rowindex": F.value ? 2 : void 0,
+						class: "bb-table-no-data__row"
+					}, [h("td", {
+						class: "bb-table-no-data__cell",
+						colspan: I.value
+					}, [h("span", Re, w(e.noDataText || E(M)("table.noDataText").value), 1)], 8, Le)], 8, Ie)])]),
+					h("tfoot", null, [C(e.$slots, "tfoot")])
+				], 512),
+				(x(!0), m(u, null, S(tt.value, (e) => (x(), m("input", ue({
+					key: e.value,
+					ref_for: !0
+				}, e), null, 16))), 128))
+			]),
+			_: 3
+		}, 8, [
+			"aria-busy",
+			"aria-rowcount",
+			"class",
+			"inert"
+		]));
+	}
+});
+//#endregion
+export { O as default };