@profeskills/vuejs-ui 0.2.2

package/chunks/data-table-CmHz_5Gm.js

@@ -0,0 +1,1106 @@
+import { showConfirm as e } from "../composables/useConfirm.js";
+import { getIsMacOS as t } from "../utils.js";
+import { a as n, c as r, o as i, r as a, s as o } from "./select-sj-TTDYA.js";
+import { useTableInstance as s } from "../composables/useTableInstance.js";
+import { d as c, f as l, o as u, p as d, u as f } from "./dropdown-menu-DjfkyvUs.js";
+import { Fragment as p, Teleport as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, nextTick as C, normalizeClass as w, normalizeStyle as T, onMounted as ee, onUnmounted as te, openBlock as E, ref as D, renderList as O, renderSlot as k, toDisplayString as A, unref as j, vModelCheckbox as M, vModelText as N, watch as P, withCtx as F, withDirectives as I, withKeys as L, withModifiers as R } from "vue";
+import { ArrowDownIcon as z, ArrowUpDownIcon as B, ArrowUpIcon as V, BookmarkIcon as H, BookmarkPlusIcon as U, CheckIcon as W, ChevronDownIcon as ne, ChevronLeftIcon as G, ChevronRightIcon as K, ChevronsLeftIcon as q, ChevronsRightIcon as J, EyeOffIcon as Y, ListFilterIcon as re, ListIcon as ie, Loader2Icon as X, PencilIcon as Z, PlusIcon as ae, RotateCcwIcon as oe, SaveIcon as se, SearchIcon as ce, SlidersHorizontalIcon as le, TypeIcon as ue, XIcon as de } from "lucide-vue-next";
+import { FlexRender as Q } from "@tanstack/vue-table";
+import { useRoute as fe, useRouter as pe } from "vue-router";
+//#endregion
+//#region src/HTooltip.vue
+var me = /* @__PURE__ */ S({
+	__name: "HTooltip",
+	props: {
+		text: {},
+		placement: {}
+	},
+	setup(e) {
+		let t = e, n = D(!1), r = D(null), i = h(() => {
+			if (!n.value) return {};
+			let e = r.value;
+			if (!e) return {};
+			let i = e.getBoundingClientRect(), a = t.placement ?? "top";
+			if (a === "top-end") return {
+				position: "fixed",
+				top: `${i.top - 4}px`,
+				left: `${i.right}px`,
+				transform: "translate(-100%, -100%)",
+				zIndex: "9999"
+			};
+			if (a === "left") return {
+				position: "fixed",
+				top: `${i.top + i.height / 2}px`,
+				left: `${i.left - 4}px`,
+				transform: "translate(-100%, -50%)",
+				zIndex: "9999"
+			};
+			let o = a === "top";
+			return {
+				position: "fixed",
+				left: `${i.left + i.width / 2}px`,
+				top: o ? `${i.top - 4}px` : `${i.bottom + 4}px`,
+				transform: o ? "translate(-50%, -100%)" : "translate(-50%, 0)",
+				zIndex: "9999"
+			};
+		});
+		return (t, a) => (E(), v("div", {
+			class: "h-tip-wrap",
+			ref_key: "wrapRef",
+			ref: r,
+			onMouseenter: a[0] ||= (e) => n.value = !0,
+			onMouseleave: a[1] ||= (e) => n.value = !1,
+			onFocus: a[2] ||= (e) => n.value = !0,
+			onBlur: a[3] ||= (e) => n.value = !1
+		}, [k(t.$slots, "default"), (E(), g(m, { to: "body" }, [n.value && e.text ? (E(), v("div", {
+			key: 0,
+			class: "h-tip-bubble",
+			style: T(i.value)
+		}, A(e.text), 5)) : _("", !0)]))], 544));
+	}
+}), he = { class: "h-dt-scroll" }, $ = { class: "h-dt-table" }, ge = { class: "h-dt-thead" }, _e = ["colSpan"], ve = { class: "h-dt-tbody" }, ye = ["data-state"], be = { key: 1 }, xe = ["colSpan"], Se = /* @__PURE__ */ S({
+	__name: "DataTable",
+	props: {
+		table: {},
+		columns: {}
+	},
+	setup(e) {
+		return (t, n) => (E(), v("div", he, [y("table", $, [y("thead", ge, [(E(!0), v(p, null, O(e.table.getHeaderGroups(), (e) => (E(), v("tr", {
+			key: e.id,
+			class: "h-dt-hrow"
+		}, [(E(!0), v(p, null, O(e.headers, (e) => (E(), v("th", {
+			key: e.id,
+			colSpan: e.colSpan,
+			class: "h-dt-th",
+			style: T(e.column.getSize() === 150 ? {} : {
+				width: `${e.column.getSize()}px`,
+				minWidth: `${e.column.getSize()}px`,
+				maxWidth: `${e.column.getSize()}px`
+			})
+		}, [e.isPlaceholder ? _("", !0) : (E(), g(j(Q), {
+			key: 0,
+			render: e.column.columnDef.header,
+			props: e.getContext()
+		}, null, 8, ["render", "props"]))], 12, _e))), 128))]))), 128))]), y("tbody", ve, [e.table.getRowModel().rows?.length ? (E(!0), v(p, { key: 0 }, O(e.table.getRowModel().rows, (e) => (E(), v("tr", {
+			key: e.id,
+			"data-state": e.getIsSelected() ? "selected" : void 0,
+			class: "h-dt-row"
+		}, [(E(!0), v(p, null, O(e.getVisibleCells(), (e) => (E(), v("td", {
+			key: e.id,
+			class: "h-dt-td"
+		}, [x(j(Q), {
+			render: e.column.columnDef.cell,
+			props: e.getContext()
+		}, null, 8, ["render", "props"])]))), 128))], 8, ye))), 128)) : (E(), v("tr", be, [y("td", {
+			colSpan: e.columns.length,
+			class: "h-dt-empty"
+		}, " Aucun résultat. ", 8, xe)]))])])]));
+	}
+}), Ce = { class: "rounded-md border" }, we = { class: "w-full caption-bottom text-sm" }, Te = { class: "[&_tr]:border-b" }, Ee = { class: "border-b" }, De = /* @__PURE__ */ S({
+	__name: "DataTableSkeleton",
+	props: {
+		rowCount: { default: 10 },
+		columnCount: { default: 7 }
+	},
+	setup(e) {
+		return (t, n) => (E(), v("div", Ce, [y("table", we, [y("thead", Te, [y("tr", Ee, [(E(!0), v(p, null, O(e.columnCount, (e) => (E(), v("th", {
+			key: e,
+			class: "h-10 px-2"
+		}, [...n[0] ||= [y("div", { class: "h-4 w-full rounded bg-muted animate-pulse" }, null, -1)]]))), 128))])]), y("tbody", null, [(E(!0), v(p, null, O(e.rowCount, (t) => (E(), v("tr", {
+			key: t,
+			class: "border-b"
+		}, [(E(!0), v(p, null, O(e.columnCount, (e) => (E(), v("td", {
+			key: e,
+			class: "p-2"
+		}, [y("div", {
+			class: "h-4 rounded bg-muted animate-pulse",
+			style: T({ width: `${Math.random() * 40 + 60}%` })
+		}, null, 4)]))), 128))]))), 128))])])]));
+	}
+}), Oe = { class: "flex w-full items-center justify-end gap-3 px-3 py-1.5" }, ke = { class: "text-xs text-muted-foreground tabular-nums w-[52px] text-center" }, Ae = { class: "flex items-center gap-1" }, je = ["disabled"], Me = ["disabled"], Ne = ["disabled"], Pe = ["disabled"], Fe = /* @__PURE__ */ S({
+	__name: "DataTablePagination",
+	props: { table: {} },
+	setup(e) {
+		let t = e, s = h(() => t.table.getState().pagination.pageIndex + 1), c = h(() => Math.max(1, t.table.getPageCount()));
+		return (t, l) => (E(), v("div", Oe, [
+			x(j(r), {
+				"model-value": String(e.table.getState().pagination.pageSize),
+				"onUpdate:modelValue": l[0] ||= (t) => e.table.setPageSize(Number(t))
+			}, {
+				default: F(() => [x(j(o), { class: "h-7 w-[62px] text-xs px-2 gap-1 [&>svg]:size-3" }, {
+					default: F(() => [x(j(a))]),
+					_: 1
+				}), x(j(i), {
+					position: "popper",
+					side: "top",
+					align: "end",
+					"side-offset": 4,
+					class: "min-w-[62px]"
+				}, {
+					default: F(() => [(E(), v(p, null, O([
+						10,
+						20,
+						30,
+						40,
+						50
+					], (e) => x(j(n), {
+						key: e,
+						value: String(e),
+						class: "text-xs"
+					}, {
+						default: F(() => [b(A(e), 1)]),
+						_: 2
+					}, 1032, ["value"])), 64))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model-value"]),
+			y("span", ke, A(s.value) + " / " + A(c.value), 1),
+			y("div", Ae, [
+				y("button", {
+					type: "button",
+					class: "flex h-7 w-7 items-center justify-center rounded-md border border-input bg-background hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed",
+					disabled: s.value <= 1,
+					onClick: l[1] ||= (t) => e.table.setPageIndex(0)
+				}, [x(j(q), { class: "size-3.5" })], 8, je),
+				y("button", {
+					type: "button",
+					class: "flex h-7 w-7 items-center justify-center rounded-md border border-input bg-background hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed",
+					disabled: s.value <= 1,
+					onClick: l[2] ||= (t) => e.table.previousPage()
+				}, [x(j(G), { class: "size-3.5" })], 8, Me),
+				y("button", {
+					type: "button",
+					class: "flex h-7 w-7 items-center justify-center rounded-md border border-input bg-background hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed",
+					disabled: s.value >= c.value,
+					onClick: l[3] ||= (t) => e.table.nextPage()
+				}, [x(j(K), { class: "size-3.5" })], 8, Ne),
+				y("button", {
+					type: "button",
+					class: "flex h-7 w-7 items-center justify-center rounded-md border border-input bg-background hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed",
+					disabled: s.value >= c.value,
+					onClick: l[4] ||= (t) => e.table.setPageIndex(e.table.getPageCount() - 1)
+				}, [x(j(J), { class: "size-3.5" })], 8, Pe)
+			])
+		]));
+	}
+}), Ie = { class: "p-1" }, Le = ["onMousedown"], Re = {
+	key: 0,
+	viewBox: "0 0 12 12",
+	class: "size-3 fill-current"
+}, ze = /* @__PURE__ */ S({
+	__name: "DataTableColumnsVisibility",
+	setup(e) {
+		let { table: t } = s(), n = pe(), r = fe(), i = D(null), a = D(!1), o = D({}), c = h(() => t.getAllColumns().filter((e) => e.accessorFn !== void 0 && e.getCanHide()));
+		function l(e) {
+			e.toggleVisibility(!e.getIsVisible()), C(() => {
+				let e = c.value.filter((e) => e.getIsVisible()).map((e) => e.id), t = e.length === c.value.length, i = { ...r.query };
+				t ? delete i.cols : i.cols = e.join("."), n.replace({ query: i });
+			});
+		}
+		function u() {
+			if (a.value) {
+				a.value = !1;
+				return;
+			}
+			if (i.value) {
+				let e = i.value.getBoundingClientRect();
+				o.value = {
+					top: `${e.bottom + 4}px`,
+					right: `${window.innerWidth - e.right}px`
+				};
+			}
+			a.value = !0;
+		}
+		function d(e) {
+			a.value && i.value && !i.value.contains(e.target) && (a.value = !1);
+		}
+		return ee(() => document.addEventListener("mousedown", d)), te(() => document.removeEventListener("mousedown", d)), (e, t) => (E(), v("div", {
+			class: "relative",
+			ref_key: "rootRef",
+			ref: i
+		}, [x(me, {
+			text: "Colonnes visibles",
+			placement: "top-end"
+		}, {
+			default: F(() => [y("button", {
+				type: "button",
+				onClick: u,
+				class: "flex size-7 items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground"
+			}, [x(j(le), { class: "size-4" })])]),
+			_: 1
+		}), (E(), g(m, { to: "body" }, [a.value ? (E(), v("div", {
+			key: 0,
+			style: T(o.value),
+			class: "fixed z-[400] w-48 rounded-md border bg-popover shadow-md",
+			onMousedown: t[0] ||= R(() => {}, ["stop"])
+		}, [t[2] ||= y("p", { class: "border-b px-3 py-2 text-xs font-semibold text-muted-foreground" }, "Toggle columns", -1), y("div", Ie, [(E(!0), v(p, null, O(c.value, (e) => (E(), v("div", {
+			key: e.id,
+			class: "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm capitalize hover:bg-accent",
+			onMousedown: R((t) => l(e), ["prevent", "stop"])
+		}, [y("div", { class: w(["flex size-4 shrink-0 items-center justify-center rounded border border-primary", e.getIsVisible() ? "bg-primary text-primary-foreground" : "bg-background"]) }, [e.getIsVisible() ? (E(), v("svg", Re, [...t[1] ||= [y("polyline", {
+			points: "1,6 4,10 11,2",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			fill: "none",
+			"stroke-linecap": "round"
+		}, null, -1)]])) : _("", !0)], 2), y("span", null, A(e.id), 1)], 40, Le))), 128))])], 36)) : _("", !0)]))], 512));
+	}
+}), Be = {
+	key: 0,
+	class: "flex items-center space-x-2"
+}, Ve = { class: "-ml-3 h-8 data-[state=open]:bg-accent flex items-center gap-1 rounded px-2 hover:bg-accent hover:text-accent-foreground text-xs font-medium" }, He = {
+	key: 1,
+	class: "text-xs font-medium"
+}, Ue = /* @__PURE__ */ S({
+	__name: "DataTableColumnHeader",
+	props: {
+		column: {},
+		title: {}
+	},
+	setup(e) {
+		return (t, n) => e.column.getCanSort() ? (E(), v("div", Be, [x(j(d), null, {
+			default: F(() => [x(j(l), { asChild: "" }, {
+				default: F(() => [y("button", Ve, [y("span", null, A(e.title), 1), e.column.getIsSorted() === "asc" ? (E(), g(j(V), {
+					key: 0,
+					class: "size-3.5"
+				})) : e.column.getIsSorted() === "desc" ? (E(), g(j(z), {
+					key: 1,
+					class: "size-3.5"
+				})) : (E(), g(j(B), {
+					key: 2,
+					class: "size-3.5 text-muted-foreground"
+				}))])]),
+				_: 1
+			}), x(j(c), { align: "start" }, {
+				default: F(() => [
+					x(j(f), { onClick: n[0] ||= (t) => e.column.toggleSorting(!1) }, {
+						default: F(() => [x(j(V), { class: "mr-2 size-3.5 text-muted-foreground/70" }), n[3] ||= b(" Asc ", -1)]),
+						_: 1
+					}),
+					x(j(f), { onClick: n[1] ||= (t) => e.column.toggleSorting(!0) }, {
+						default: F(() => [x(j(z), { class: "mr-2 size-3.5 text-muted-foreground/70" }), n[4] ||= b(" Desc ", -1)]),
+						_: 1
+					}),
+					x(j(u)),
+					x(j(f), { onClick: n[2] ||= (t) => e.column.toggleVisibility(!1) }, {
+						default: F(() => [x(j(Y), { class: "mr-2 size-3.5 text-muted-foreground/70" }), n[5] ||= b(" Hide ", -1)]),
+						_: 1
+					})
+				]),
+				_: 1
+			})]),
+			_: 1
+		})])) : (E(), v("div", He, A(e.title), 1));
+	}
+}), We = [
+	"title",
+	"status",
+	"priority",
+	"createdAt"
+], Ge = [
+	"title",
+	"status",
+	"priority",
+	"sort",
+	"operator"
+];
+function Ke(e, t) {
+	return {
+		filters: e.filter((e) => e.filterValues && e.filterValues.length > 0).map((e) => ({
+			field: e.value,
+			value: e.options?.length ? `${e.filterValues.join(".")}~${e.filterOperator}` : `${e.filterValues[0]}~${e.filterOperator}`,
+			isMulti: !!e.isMulti
+		})),
+		operator: t.operator || "and",
+		sort: t.sort || void 0
+	};
+}
+function qe(e) {
+	let t = {}, n = e.filterParams;
+	if (e.columns && e.columns.length > 0 && e.columns.length < We.length && (t.cols = e.columns.join(".")), !n) return t.viewId = e.id, t.page = "1", t.per_page = "10", t;
+	for (let e of n.filters ?? []) Ge.includes(e.field) && (t[e.field] = e.isMulti ? `${e.value}~multi` : e.value);
+	return n.operator && (t.operator = n.operator), n.sort && (t.sort = n.sort), t.page = "1", t.per_page = "10", t.viewId = e.id, t;
+}
+function Je(e) {
+	return [
+		"title",
+		"status",
+		"priority"
+	].some((t) => !!e[t]) || !!e.sort && e.sort !== "createdAt.desc" || !!e.operator && e.operator !== "and";
+}
+//#endregion
+//#region src/data-table/advanced/views/DataTableViewsDropdown.vue?vue&type=script&setup=true&lang.ts
+var Ye = ["title"], Xe = { class: "truncate" }, Ze = { class: "flex items-center border-b px-3 py-2" }, Qe = { class: "p-3 space-y-2" }, $e = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, et = {
+	key: 0,
+	class: "text-xs text-destructive"
+}, tt = ["disabled"], nt = { class: "flex items-center border-b px-3 py-2" }, rt = { class: "p-3 space-y-2" }, it = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, at = {
+	key: 0,
+	class: "text-xs text-destructive"
+}, ot = { class: "flex gap-2" }, st = ["disabled"], ct = ["disabled"], lt = { class: "flex items-center border-b px-3 py-1.5" }, ut = { class: "max-h-52 overflow-auto p-1" }, dt = ["onClick"], ft = { class: "truncate" }, pt = {
+	key: 0,
+	class: "ml-1 shrink-0 rounded bg-accent px-1 text-[10px] uppercase text-muted-foreground"
+}, mt = ["onClick"], ht = {
+	key: 0,
+	class: "py-4 text-center text-xs text-muted-foreground"
+}, gt = { class: "border-t p-1" }, _t = /* @__PURE__ */ S({
+	__name: "DataTableViewsDropdown",
+	props: {
+		views: {},
+		filterParams: {},
+		onCreateView: { type: Function },
+		onUpdateView: { type: Function },
+		onDeleteView: { type: Function },
+		defaultLabel: {}
+	},
+	setup(n) {
+		let r = n, i = pe(), a = fe(), { table: o } = s(), c = t(), l = D(null), u = D(null), d = D(null), f = D(!1), S = D({}), k = D("list"), F = D(""), z = D(""), B = D(""), V = D(!1), H = D(!1), U = D(""), W = D(""), K = D(!1), q = D(!1), J = D(!1), Y = D(null), re = h(() => r.views.find((e) => e.id === a.query.viewId) ?? null), ie = h(() => r.views.filter((e) => e.name.toLowerCase().includes(F.value.toLowerCase())));
+		function X() {
+			if (!l.value) return;
+			let e = l.value.getBoundingClientRect();
+			S.value = {
+				top: `${e.bottom + 4}px`,
+				left: `${e.left}px`
+			};
+		}
+		function oe() {
+			if (f.value) {
+				f.value = !1;
+				return;
+			}
+			X(), f.value = !0;
+		}
+		function se() {
+			f.value = !1, k.value = "list", F.value = "";
+		}
+		function le(e) {
+			if (!e) i.replace({
+				path: "/",
+				query: {}
+			});
+			else {
+				let t = qe(e);
+				if (i.replace({
+					path: "/",
+					query: t
+				}), e.columns) {
+					let t = {};
+					We.forEach((n) => {
+						t[n] = (e.columns ?? []).includes(n);
+					}), o.setColumnVisibility(t);
+				} else o.setColumnVisibility({});
+			}
+			se();
+		}
+		function ue(e) {
+			Y.value = e, U.value = e.name, W.value = "", K.value = e.isPublic, k.value = "edit", C(() => d.value?.focus());
+		}
+		async function de() {
+			if (B.value = "", !z.value.trim()) {
+				B.value = "Name is required";
+				return;
+			}
+			H.value = !0;
+			let e = o.getVisibleFlatColumns().filter((e) => e.accessorFn !== void 0 && e.getCanHide()).map((e) => e.id), t = await r.onCreateView({
+				name: z.value.trim(),
+				columns: e,
+				filterParams: r.filterParams,
+				isPublic: V.value
+			});
+			if (H.value = !1, t?.status === "error") {
+				B.value = t.message;
+				return;
+			}
+			if (t?.view?.id) {
+				let e = {
+					...a.query,
+					viewId: t.view.id,
+					page: "1"
+				};
+				i.replace({ query: e });
+			}
+			z.value = "", V.value = !1, se();
+		}
+		async function Q() {
+			if (W.value = "", !U.value.trim() || !Y.value) {
+				W.value = "Name is required";
+				return;
+			}
+			q.value = !0;
+			let e = await r.onUpdateView(Y.value.id, {
+				name: U.value.trim(),
+				columns: Y.value.columns ?? void 0,
+				filterParams: Y.value.filterParams ?? void 0,
+				isPublic: K.value
+			});
+			if (q.value = !1, e?.status === "error") {
+				W.value = e.message;
+				return;
+			}
+			k.value = "list";
+		}
+		async function me() {
+			Y.value && await e({
+				title: "Supprimer la vue",
+				description: `Supprimer définitivement la vue "${Y.value.name}" ?`,
+				confirmLabel: "Supprimer",
+				variant: "destructive"
+			}) && (J.value = !0, await r.onDeleteView(Y.value.id), J.value = !1, re.value?.id === Y.value.id && i.replace({
+				path: "/",
+				query: {}
+			}), k.value = "list");
+		}
+		function he(e) {
+			f.value && (l.value?.contains(e.target) || se());
+		}
+		function $(e) {
+			let t = document.activeElement?.tagName;
+			(e.metaKey || e.ctrlKey) && e.key === "v" && t !== "INPUT" && t !== "TEXTAREA" && (e.preventDefault(), setTimeout(() => {
+				X(), f.value = !0;
+			}, 100)), e.key === "Escape" && f.value && se();
+		}
+		return ee(() => {
+			document.addEventListener("mousedown", he), window.addEventListener("keydown", $), window.addEventListener("scroll", X, !0), window.addEventListener("resize", X);
+		}), te(() => {
+			document.removeEventListener("mousedown", he), window.removeEventListener("keydown", $), window.removeEventListener("scroll", X, !0), window.removeEventListener("resize", X);
+		}), P(f, (e) => {
+			e || (k.value = "list", F.value = "");
+		}), (e, t) => (E(), v("div", {
+			class: "relative",
+			ref_key: "rootRef",
+			ref: l
+		}, [y("button", {
+			type: "button",
+			onClick: oe,
+			class: "flex h-7 w-36 shrink-0 items-center justify-between rounded-md border border-input bg-background px-2.5 text-xs font-medium text-muted-foreground hover:bg-accent hover:text-accent-foreground focus:outline-none",
+			title: `Open views (${j(c) ? "⌘" : "Ctrl"}+V)`
+		}, [y("span", Xe, A(re.value?.name || r.defaultLabel || "Tout"), 1), x(j(ne), { class: "ml-1 size-4 shrink-0 opacity-50" })], 8, Ye), (E(), g(m, { to: "body" }, [f.value ? (E(), v("div", {
+			key: 0,
+			style: T(S.value),
+			class: "fixed z-[500] w-[200px] rounded-md border bg-popover shadow-md",
+			onMousedown: t[11] ||= R(() => {}, ["stop"]),
+			onClick: t[12] ||= R(() => {}, ["stop"])
+		}, [k.value === "create" ? (E(), v(p, { key: 0 }, [y("div", Ze, [y("button", {
+			type: "button",
+			onClick: t[0] ||= (e) => k.value = "list",
+			class: "mr-2 rounded p-0.5 hover:bg-accent"
+		}, [x(j(G), { class: "size-4" })]), t[13] ||= y("span", { class: "text-sm font-medium" }, "New view", -1)]), y("div", Qe, [
+			I(y("input", {
+				ref_key: "createInputRef",
+				ref: u,
+				"onUpdate:modelValue": t[1] ||= (e) => z.value = e,
+				placeholder: "View name",
+				class: "w-full rounded-md border border-input bg-background px-3 py-1.5 text-sm outline-none focus:ring-2 focus:ring-ring placeholder:text-muted-foreground",
+				onKeyup: [L(de, ["enter"]), t[2] ||= L((e) => k.value = "list", ["escape"])]
+			}, null, 544), [[N, z.value]]),
+			y("label", $e, [I(y("input", {
+				type: "checkbox",
+				"onUpdate:modelValue": t[3] ||= (e) => V.value = e
+			}, null, 512), [[M, V.value]]), t[14] ||= b(" Rendre publique (visible par tous) ", -1)]),
+			B.value ? (E(), v("p", et, A(B.value), 1)) : _("", !0),
+			y("button", {
+				type: "button",
+				onClick: de,
+				disabled: H.value,
+				class: "w-full rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
+			}, A(H.value ? "Saving…" : "Save view"), 9, tt)
+		])], 64)) : k.value === "edit" && Y.value ? (E(), v(p, { key: 1 }, [y("div", nt, [y("button", {
+			type: "button",
+			onClick: t[4] ||= (e) => k.value = "list",
+			class: "mr-2 rounded p-0.5 hover:bg-accent"
+		}, [x(j(G), { class: "size-4" })]), t[15] ||= y("span", { class: "text-sm font-medium" }, "Edit view", -1)]), y("div", rt, [
+			I(y("input", {
+				ref_key: "editInputRef",
+				ref: d,
+				"onUpdate:modelValue": t[5] ||= (e) => U.value = e,
+				placeholder: "View name",
+				class: "w-full rounded-md border border-input bg-background px-3 py-1.5 text-sm outline-none focus:ring-2 focus:ring-ring placeholder:text-muted-foreground",
+				onKeyup: [L(Q, ["enter"]), t[6] ||= L((e) => k.value = "list", ["escape"])]
+			}, null, 544), [[N, U.value]]),
+			y("label", it, [I(y("input", {
+				type: "checkbox",
+				"onUpdate:modelValue": t[7] ||= (e) => K.value = e
+			}, null, 512), [[M, K.value]]), t[16] ||= b(" Rendre publique (visible par tous) ", -1)]),
+			W.value ? (E(), v("p", at, A(W.value), 1)) : _("", !0),
+			y("div", ot, [y("button", {
+				type: "button",
+				onClick: Q,
+				disabled: q.value,
+				class: "flex-1 rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
+			}, A(q.value ? "Saving…" : "Update"), 9, st), y("button", {
+				type: "button",
+				onClick: me,
+				disabled: J.value,
+				class: "rounded-md border border-destructive px-3 py-1.5 text-xs font-medium text-destructive hover:bg-destructive/10 disabled:opacity-50"
+			}, A(J.value ? "…" : "Delete"), 9, ct)])
+		])], 64)) : (E(), v(p, { key: 2 }, [
+			y("div", lt, [x(j(ce), { class: "mr-2 size-4 shrink-0 opacity-50" }), I(y("input", {
+				"onUpdate:modelValue": t[8] ||= (e) => F.value = e,
+				placeholder: "Search views…",
+				class: "h-8 w-full bg-transparent py-1 text-sm outline-none placeholder:text-muted-foreground"
+			}, null, 512), [[N, F.value]])]),
+			y("div", ut, [
+				y("button", {
+					type: "button",
+					class: w(["flex w-full items-center rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground", { "bg-accent text-accent-foreground": !re.value }]),
+					onClick: t[9] ||= (e) => le(null)
+				}, A(r.defaultLabel || "Tout"), 3),
+				(E(!0), v(p, null, O(ie.value, (e) => (E(), v("div", {
+					key: e.id,
+					class: w(["group flex w-full cursor-pointer items-center justify-between rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground", { "bg-accent text-accent-foreground": re.value?.id === e.id }]),
+					onClick: (t) => le(e)
+				}, [
+					y("span", ft, A(e.name), 1),
+					e.isPublic ? (E(), v("span", pt, "Public")) : _("", !0),
+					y("span", {
+						class: "invisible ml-auto flex size-5 shrink-0 items-center justify-center rounded p-0.5 hover:bg-neutral-200 group-hover:visible dark:hover:bg-neutral-700",
+						onClick: R((t) => ue(e), ["stop"])
+					}, [x(j(Z), { class: "size-3" })], 8, mt)
+				], 10, dt))), 128)),
+				ie.value.length === 0 && F.value ? (E(), v("p", ht, "No view found.")) : _("", !0)
+			]),
+			y("div", gt, [y("button", {
+				type: "button",
+				class: "flex w-full items-center rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground",
+				onClick: t[10] ||= (e) => {
+					k.value = "create", C(() => u.value?.focus());
+				}
+			}, [x(j(ae), { class: "mr-2 size-4" }), t[17] ||= b(" Add view ", -1)])])
+		], 64))], 36)) : _("", !0)]))], 512));
+	}
+}), vt = { class: "capitalize font-semibold text-foreground" }, yt = { class: "text-muted-foreground font-normal" }, bt = { class: "max-w-[100px] truncate font-semibold text-foreground" }, xt = { class: "flex items-center gap-2 border-b px-3 py-2" }, St = { class: "text-xs font-semibold capitalize text-foreground" }, Ct = {
+	key: 0,
+	class: "absolute left-0 top-full z-[700] mt-1 min-w-[140px] rounded-md border bg-popover shadow-md"
+}, wt = ["onMousedown"], Tt = { class: "p-2" }, Et = {
+	key: 0,
+	class: "px-2 py-3 text-center text-xs text-muted-foreground italic"
+}, Dt = ["placeholder"], Ot = { class: "relative mb-2" }, kt = { class: "max-h-44 space-y-0.5 overflow-y-auto" }, At = ["onMousedown"], jt = {
+	key: 0,
+	viewBox: "0 0 12 12",
+	class: "size-3 fill-none stroke-current",
+	"stroke-width": "2",
+	"stroke-linecap": "round"
+}, Mt = { class: "capitalize" }, Nt = {
+	key: 0,
+	class: "py-2 text-center text-xs text-muted-foreground"
+}, Pt = /* @__PURE__ */ S({
+	__name: "DataTableFilterItem",
+	props: {
+		option: {},
+		autoOpen: { type: Boolean }
+	},
+	emits: ["update", "remove"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = D(null), a = D(null), o = D(null), s = D(!1), c = D(!1), l = D({}), u = D(""), d = [
+			{
+				label: "contains",
+				value: "ilike"
+			},
+			{
+				label: "does not contain",
+				value: "not ilike"
+			},
+			{
+				label: "equals",
+				value: "eq"
+			},
+			{
+				label: "does not equal",
+				value: "ne"
+			},
+			{
+				label: "starts with",
+				value: "startswith"
+			},
+			{
+				label: "ends with",
+				value: "endswith"
+			},
+			{
+				label: "is empty",
+				value: "empty"
+			},
+			{
+				label: "is not empty",
+				value: "not_empty"
+			}
+		], f = [
+			{
+				label: "is",
+				value: "eq"
+			},
+			{
+				label: "is not",
+				value: "ne"
+			},
+			{
+				label: "is empty",
+				value: "empty"
+			},
+			{
+				label: "is not empty",
+				value: "not_empty"
+			}
+		], S = h(() => n.option.options?.length ? f : d), k = D(n.option.filterOperator ?? (n.option.options?.length ? "eq" : "ilike")), M = D(n.option.filterValues?.[0] ?? ""), F = D([...n.option.filterValues ?? []]), z = h(() => S.value.find((e) => e.value === k.value)?.label ?? k.value), B = h(() => k.value === "empty" || k.value === "not_empty" ? !0 : n.option.options?.length ? F.value.length > 0 : !!M.value.trim()), V = h(() => k.value === "empty" || k.value === "not_empty" ? "" : n.option.options?.length ? F.value.join(", ") : M.value), H = h(() => (n.option.options ?? []).filter((e) => e.label.toLowerCase().includes(u.value.toLowerCase())));
+		function U() {
+			if (!i.value) return;
+			let e = i.value.getBoundingClientRect(), t = Math.min(e.left, window.innerWidth - 288 - 8);
+			l.value = {
+				top: `${e.bottom + 4}px`,
+				left: `${Math.max(4, t)}px`
+			};
+		}
+		function W() {
+			if (s.value) {
+				s.value = !1;
+				return;
+			}
+			U(), s.value = !0, C(() => a.value?.focus());
+		}
+		function G() {
+			s.value = !1, r("remove", n.option);
+		}
+		function K(e) {
+			k.value = e, c.value = !1, J(), e !== "empty" && e !== "not_empty" && C(() => a.value?.focus());
+		}
+		function q(e) {
+			let t = F.value.indexOf(e);
+			t >= 0 ? F.value.splice(t, 1) : F.value.push(e), J();
+		}
+		function J() {
+			let e;
+			e = k.value === "empty" || k.value === "not_empty" ? [] : n.option.options?.length ? [...F.value] : M.value.trim() ? [M.value.trim()] : [], r("update", {
+				...n.option,
+				filterValues: e,
+				filterOperator: k.value
+			});
+		}
+		P(M, () => {
+			n.option.options?.length || J();
+		});
+		function Y(e) {
+			s.value && (i.value?.contains(e.target) || (s.value = !1, c.value = !1));
+		}
+		return ee(() => {
+			document.addEventListener("mousedown", Y), n.autoOpen && C(() => {
+				U(), s.value = !0, C(() => a.value?.focus());
+			});
+		}), te(() => document.removeEventListener("mousedown", Y)), P(() => n.autoOpen, (e) => {
+			e && !s.value && C(() => {
+				U(), s.value = !0, C(() => a.value?.focus());
+			});
+		}), P(() => n.option.filterValues, (e) => {
+			n.option.options?.length ? F.value = [...e ?? []] : M.value = e?.[0] ?? "";
+		}), P(() => n.option.filterOperator, (e) => {
+			e && (k.value = e);
+		}), (t, n) => (E(), v("div", {
+			class: "relative",
+			ref_key: "rootRef",
+			ref: i
+		}, [y("div", { class: w(["inline-flex h-7 cursor-pointer select-none items-center rounded-md border text-xs font-medium transition-all overflow-hidden", B.value ? "border-foreground/20 bg-foreground/5 hover:bg-foreground/10" : "border-input bg-background text-muted-foreground hover:bg-accent"]) }, [
+			y("span", {
+				class: "flex items-center gap-1 pl-2 pr-1.5 h-full",
+				onClick: W
+			}, [
+				e.option.value === "title" ? (E(), g(j(ue), {
+					key: 0,
+					class: "size-3 shrink-0 opacity-50"
+				})) : (E(), g(j(ie), {
+					key: 1,
+					class: "size-3 shrink-0 opacity-50"
+				})),
+				y("span", vt, A(e.option.label), 1),
+				B.value ? (E(), v(p, { key: 2 }, [y("span", yt, A(z.value), 1), y("span", bt, A(V.value), 1)], 64)) : _("", !0)
+			]),
+			n[6] ||= y("span", { class: "mx-1 h-3.5 w-px bg-border/70" }, null, -1),
+			y("span", {
+				class: "flex h-full items-center px-1.5 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+				onClick: R(G, ["stop"])
+			}, [x(j(de), { class: "size-3" })])
+		], 2), (E(), g(m, { to: "body" }, [s.value ? (E(), v("div", {
+			key: 0,
+			style: T(l.value),
+			class: "fixed z-[600] w-72 rounded-md border bg-popover shadow-xl",
+			onMousedown: n[4] ||= R(() => {}, ["stop"]),
+			onClick: n[5] ||= R(() => {}, ["stop"])
+		}, [y("div", xt, [y("span", St, A(e.option.label), 1), y("div", {
+			class: "relative ml-auto",
+			ref_key: "opRef",
+			ref: o
+		}, [y("button", {
+			type: "button",
+			onClick: n[0] ||= R((e) => c.value = !c.value, ["stop"]),
+			class: "inline-flex h-6 items-center gap-1 rounded border border-input bg-background px-2 text-xs hover:bg-accent"
+		}, [b(A(z.value) + " ", 1), x(j(ne), { class: "size-3 opacity-60" })]), c.value ? (E(), v("div", Ct, [(E(!0), v(p, null, O(S.value, (e) => (E(), v("div", {
+			key: e.value,
+			onMousedown: R((t) => K(e.value), ["prevent", "stop"]),
+			class: w(["flex cursor-pointer items-center px-3 py-1.5 text-xs hover:bg-accent", { "bg-accent font-medium": k.value === e.value }])
+		}, A(e.label), 43, wt))), 128))])) : _("", !0)], 512)]), y("div", Tt, [k.value === "empty" || k.value === "not_empty" ? (E(), v("p", Et, "No value needed for this operator")) : e.option.options?.length ? (E(), v(p, { key: 2 }, [y("div", Ot, [x(j(ce), { class: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }), I(y("input", {
+			"onUpdate:modelValue": n[3] ||= (e) => u.value = e,
+			placeholder: "Search…",
+			class: "w-full rounded-md border border-input bg-background py-1.5 pl-7 pr-3 text-xs outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring"
+		}, null, 512), [[N, u.value]])]), y("div", kt, [(E(!0), v(p, null, O(H.value, (e) => (E(), v("div", {
+			key: e.value,
+			class: "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent",
+			onMousedown: R((t) => q(e.value), ["prevent", "stop"])
+		}, [y("div", { class: w(["flex size-4 shrink-0 items-center justify-center rounded border", F.value.includes(e.value) ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background"]) }, [F.value.includes(e.value) ? (E(), v("svg", jt, [...n[7] ||= [y("polyline", { points: "1,6 4,10 11,2" }, null, -1)]])) : _("", !0)], 2), y("span", Mt, A(e.label), 1)], 40, At))), 128)), H.value.length === 0 ? (E(), v("p", Nt, "No option found")) : _("", !0)])], 64)) : I((E(), v("input", {
+			key: 1,
+			ref_key: "inputRef",
+			ref: a,
+			"onUpdate:modelValue": n[1] ||= (e) => M.value = e,
+			placeholder: `Type to filter ${e.option.label.toLowerCase()}…`,
+			class: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring",
+			onKeyup: n[2] ||= L((e) => s.value = !1, ["escape"])
+		}, null, 40, Dt)), [[N, M.value]])])], 36)) : _("", !0)]))], 512));
+	}
+}), Ft = { class: "flex items-center gap-2 rounded-md border border-dashed px-2 py-1" }, It = { class: "flex flex-wrap items-center gap-1" }, Lt = { class: "capitalize" }, Rt = {
+	key: 0,
+	class: "text-muted-foreground"
+}, zt = ["onClick"], Bt = ["onClick"], Vt = /* @__PURE__ */ S({
+	__name: "DataTableMultiFilter",
+	props: {
+		options: {},
+		allOptions: {},
+		selectedOptions: {},
+		operator: {}
+	},
+	emits: ["update:operator", "update:selectedOptions"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = D(!1), a = D(null), o = D({}), s = D(n.operator || "and"), c = h(() => n.allOptions.filter((e) => !n.selectedOptions.some((t) => t.value === e.value)));
+		function l() {
+			s.value = s.value === "and" ? "or" : "and", r("update:operator", s.value);
+		}
+		function u(e) {
+			r("update:selectedOptions", n.selectedOptions.filter((t) => t.id !== e.id));
+		}
+		function d(e) {
+			let t = {
+				...e,
+				id: e.value,
+				filterValues: [],
+				filterOperator: e.options?.length ? "eq" : "ilike",
+				isMulti: !0
+			};
+			r("update:selectedOptions", [...n.selectedOptions, t]), i.value = !1;
+		}
+		P(i, (e) => {
+			if (e && a.value) {
+				let e = a.value.getBoundingClientRect();
+				o.value = {
+					top: `${e.bottom + 4}px`,
+					left: `${e.left}px`
+				};
+			}
+		}), P(() => n.operator, (e) => {
+			s.value = e || "and";
+		});
+		function f(e) {
+			i.value && a.value && !a.value.contains(e.target) && (i.value = !1);
+		}
+		return ee(() => document.addEventListener("mousedown", f)), te(() => document.removeEventListener("mousedown", f)), (t, n) => (E(), v("div", Ft, [y("button", {
+			onClick: l,
+			class: "shrink-0 rounded border px-1.5 py-0.5 text-xs font-medium hover:bg-accent uppercase tracking-wide"
+		}, A(s.value), 1), y("div", It, [(E(!0), v(p, null, O(e.options, (e) => (E(), v("div", {
+			key: e.id,
+			class: "flex items-center gap-1 rounded-sm bg-accent px-1.5 py-0.5 text-xs"
+		}, [
+			y("span", Lt, A(e.label), 1),
+			e.filterValues?.length ? (E(), v("span", Rt, " : " + A(e.filterValues.join(", ")), 1)) : _("", !0),
+			y("button", {
+				onClick: (t) => u(e),
+				class: "ml-0.5 hover:text-destructive"
+			}, [x(j(de), { class: "size-3" })], 8, zt)
+		]))), 128)), c.value.length ? (E(), v("div", {
+			key: 0,
+			class: "relative",
+			ref_key: "addRef",
+			ref: a
+		}, [y("button", {
+			onClick: n[0] ||= (e) => i.value = !i.value,
+			class: "inline-flex h-6 items-center gap-1 rounded-full border border-dashed px-2 text-xs hover:bg-accent"
+		}, [x(j(ae), { class: "size-3" }), n[1] ||= b(" Add ", -1)]), (E(), g(m, { to: "body" }, [i.value ? (E(), v("div", {
+			key: 0,
+			style: T(o.value),
+			class: "fixed z-[300] w-44 rounded-md border bg-popover p-1 shadow-md"
+		}, [(E(!0), v(p, null, O(c.value, (e) => (E(), v("button", {
+			key: e.id,
+			onClick: (t) => d(e),
+			class: "flex w-full items-center rounded-sm px-2 py-1.5 text-sm hover:bg-accent capitalize"
+		}, A(e.label), 9, Bt))), 128))], 4)) : _("", !0)]))], 512)) : _("", !0)])]));
+	}
+}), Ht = { class: "flex w-full flex-col overflow-x-auto" }, Ut = { class: "flex items-center justify-between gap-3 pb-0" }, Wt = { class: "flex items-center gap-2" }, Gt = ["onMousedown"], Kt = { class: "flex items-center gap-2" }, qt = {
+	key: 0,
+	class: "flex flex-wrap items-center gap-2 pt-3 min-h-[36px]"
+}, Jt = {
+	key: 1,
+	class: "h-4 w-px bg-border/70"
+}, Yt = {
+	key: 1,
+	class: "flex items-center gap-1.5 rounded-md border border-primary/30 bg-background px-2.5 py-1 shadow-sm"
+}, Xt = {
+	key: 0,
+	class: "text-[10px] text-destructive"
+}, Zt = { class: "flex items-center gap-1" }, Qt = ["disabled"], $t = ["disabled"], en = /* @__PURE__ */ S({
+	__name: "DataTableAdvancedToolbar",
+	props: {
+		filterFields: {},
+		views: {},
+		onCreateView: { type: Function },
+		onUpdateView: { type: Function },
+		onDeleteView: { type: Function },
+		defaultLabel: {}
+	},
+	setup(e) {
+		let t = e, n = pe(), r = fe(), { table: i, columnVisibility: a } = s(), o = D(!1), c = D(!1), l = D(""), u = D(""), d = D(!1), f = D(null), S = D(null), w = D(null), M = D({});
+		function F(e, t) {
+			if (!e) return;
+			let n = e.getBoundingClientRect();
+			t.value = {
+				top: `${n.bottom + 4}px`,
+				left: `${n.left}px`
+			};
+		}
+		function z() {
+			if (o.value) {
+				o.value = !1;
+				return;
+			}
+			F(S.value, M), o.value = !0;
+		}
+		function B(e) {
+			let t = e.target;
+			o.value && S.value && !S.value.contains(t) && (o.value = !1);
+		}
+		ee(() => document.addEventListener("mousedown", B)), te(() => document.removeEventListener("mousedown", B));
+		let V = h(() => t.filterFields.map((e) => ({
+			id: e.value,
+			label: e.label,
+			value: e.value,
+			options: e.options ?? []
+		})));
+		function ne(e) {
+			return V.value.filter((t) => !!e[t.value]).map((t) => {
+				let n = e[t.value].split("~"), r = n[0] ?? "", i = n[1] || (t.options?.length ? "eq" : "ilike"), a = n[2] === "multi", o = t.options?.length ? r.split(".").filter(Boolean) : i === "empty" || i === "not_empty" ? [] : r ? [r] : [];
+				return {
+					...t,
+					filterValues: o,
+					filterOperator: i,
+					isMulti: a
+				};
+			});
+		}
+		let G = D(ne(r.query)), K = D(r.query.operator || "and"), q = h(() => G.value.filter((e) => !e.isMulti)), J = h(() => G.value.filter((e) => e.isMulti)), Y = h(() => V.value.filter((e) => !G.value.some((t) => t.value === e.value))), Z = h(() => t.views.find((e) => e.id === r.query.viewId) ?? null), ae = h(() => Ke(G.value, r.query)), ce = h(() => G.value.some((e) => e.filterOperator === "empty" || e.filterOperator === "not_empty" || e.filterValues && e.filterValues.length > 0)), le = h(() => i.getAllColumns().filter((e) => e.accessorFn !== void 0 && e.getCanHide()).filter((e) => a.value[e.id] !== !1).map((e) => e.id)), Q = h(() => {
+			if (!Z.value) return !1;
+			let e = JSON.stringify(ae.value) !== JSON.stringify(Z.value.filterParams), t = Z.value.columns, n = [...le.value].sort(), r;
+			return r = t === null ? Object.values(a.value).some((e) => e === !1) : JSON.stringify(n) !== JSON.stringify([...t].sort()), e || r;
+		}), me = h(() => Q.value && !!Z.value || ce.value && !Z.value);
+		function he(e, n) {
+			let i = { ...r.query };
+			t.filterFields.forEach((e) => delete i[e.value]), delete i.operator, i.page = 1;
+			for (let t of e) {
+				let e = t.filterOperator === "empty" || t.filterOperator === "not_empty", n = t.filterValues && t.filterValues.length > 0;
+				if (!e && !n) continue;
+				let r = e ? "" : t.options?.length ? t.filterValues.join(".") : t.filterValues[0] ?? "", a = t.filterOperator ? `~${t.filterOperator}` : "", o = t.isMulti ? "~multi" : "";
+				i[t.value] = `${r}${a}${o}`;
+			}
+			return e.length > 0 && (i.operator = n), i;
+		}
+		function $(e, t) {
+			n.replace({ query: he(e, t) });
+		}
+		function ge(e) {
+			o.value = !1, !G.value.some((t) => t.value === e.value) && (G.value = [...G.value, {
+				id: e.value,
+				label: e.label,
+				value: e.value,
+				options: e.options ?? [],
+				filterValues: [],
+				filterOperator: e.options?.length ? "eq" : "ilike",
+				isMulti: !1
+			}], f.value = null, C(() => {
+				f.value = e.value;
+			}));
+		}
+		function _e(e) {
+			G.value = G.value.map((t) => t.id === e.id ? e : t), f.value = null, $(G.value, K.value);
+		}
+		function ve(e) {
+			G.value = G.value.filter((t) => t.id !== e.id), f.value = null, $(G.value, K.value);
+		}
+		function ye(e) {
+			K.value = e, $(G.value, e);
+		}
+		function be(e) {
+			G.value = e, $(e, K.value);
+		}
+		function xe() {
+			if (Z.value && (n.replace({ query: qe(Z.value) }), Z.value.columns)) {
+				let e = {};
+				We.forEach((t) => {
+					e[t] = Z.value.columns.includes(t);
+				}), i.setColumnVisibility(e);
+			}
+		}
+		async function Se() {
+			if (!l.value.trim()) {
+				u.value = "Nom requis";
+				return;
+			}
+			d.value = !0;
+			let e = i.getVisibleFlatColumns().filter((e) => e.accessorFn !== void 0 && e.getCanHide()).map((e) => e.id), a = await t.onCreateView({
+				name: l.value.trim(),
+				columns: e,
+				filterParams: ae.value
+			});
+			if (d.value = !1, a?.status === "error") {
+				u.value = a.message;
+				return;
+			}
+			a?.view?.id && n.replace({ query: {
+				...r.query,
+				viewId: a.view.id
+			} }), c.value = !1, l.value = "", u.value = "";
+		}
+		async function Ce() {
+			if (!Z.value) return;
+			d.value = !0;
+			let e = i.getVisibleFlatColumns().filter((e) => e.accessorFn !== void 0 && e.getCanHide()).map((e) => e.id);
+			await t.onUpdateView(Z.value.id, {
+				name: Z.value.name,
+				columns: e,
+				filterParams: ae.value
+			}), d.value = !1;
+		}
+		return P(() => t.filterFields.map((e) => r.query[e.value]).join("|") + (r.query.operator ?? ""), () => {
+			let e = ne(r.query);
+			JSON.stringify(e) !== JSON.stringify(G.value) && (G.value = e), K.value = r.query.operator || "and";
+		}), (t, n) => (E(), v("div", Ht, [y("div", Ut, [y("div", Wt, [x(_t, {
+			views: e.views,
+			filterParams: ae.value,
+			onCreateView: e.onCreateView,
+			onUpdateView: e.onUpdateView,
+			onDeleteView: e.onDeleteView,
+			defaultLabel: e.defaultLabel
+		}, null, 8, [
+			"views",
+			"filterParams",
+			"onCreateView",
+			"onUpdateView",
+			"onDeleteView",
+			"defaultLabel"
+		]), Y.value.length > 0 ? (E(), v("div", {
+			key: 0,
+			class: "relative",
+			ref_key: "addFilterRef",
+			ref: S
+		}, [y("button", {
+			type: "button",
+			onClick: R(z, ["stop"]),
+			class: "inline-flex h-7 items-center gap-1.5 rounded-md border border-input bg-background px-2.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground"
+		}, [x(j(re), { class: "size-3.5" }), b(" " + A(G.value.length === 0 ? "Filtrer" : "Ajouter"), 1)]), (E(), g(m, { to: "body" }, [o.value ? (E(), v("div", {
+			key: 0,
+			style: T(M.value),
+			class: "fixed z-[400] w-44 overflow-hidden rounded-md border bg-popover shadow-md",
+			onMousedown: n[0] ||= R(() => {}, ["stop"])
+		}, [n[5] ||= y("div", { class: "px-3 pt-2 pb-1 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground" }, " Filtrer par ", -1), (E(!0), v(p, null, O(Y.value, (e) => (E(), v("div", {
+			key: e.id,
+			onMousedown: R((t) => ge(e), ["prevent", "stop"]),
+			class: "flex cursor-pointer items-center gap-2 px-3 py-2 text-sm capitalize hover:bg-accent"
+		}, [e.value === "title" ? (E(), g(j(ue), {
+			key: 0,
+			class: "size-3.5 shrink-0 text-muted-foreground"
+		})) : (E(), g(j(ie), {
+			key: 1,
+			class: "size-3.5 shrink-0 text-muted-foreground"
+		})), b(" " + A(e.label), 1)], 40, Gt))), 128))], 36)) : _("", !0)]))], 512)) : _("", !0)]), y("div", Kt, [
+			k(t.$slots, "selection"),
+			k(t.$slots, "default"),
+			x(ze)
+		])]), G.value.length > 0 || me.value ? (E(), v("div", qt, [
+			(E(!0), v(p, null, O(q.value, (e) => (E(), g(Pt, {
+				key: e.id,
+				option: e,
+				autoOpen: e.id === f.value,
+				onUpdate: _e,
+				onRemove: ve
+			}, null, 8, ["option", "autoOpen"]))), 128)),
+			J.value.length > 0 ? (E(), g(Vt, {
+				key: 0,
+				options: J.value,
+				allOptions: V.value,
+				selectedOptions: G.value,
+				operator: K.value,
+				"onUpdate:operator": ye,
+				"onUpdate:selectedOptions": be
+			}, null, 8, [
+				"options",
+				"allOptions",
+				"selectedOptions",
+				"operator"
+			])) : _("", !0),
+			me.value ? (E(), v("div", Jt)) : _("", !0),
+			Q.value && Z.value ? (E(), v("button", {
+				key: 2,
+				type: "button",
+				onClick: xe,
+				class: "inline-flex h-7 items-center gap-1 rounded-md px-2 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground"
+			}, [x(j(oe), { class: "size-3" }), n[6] ||= b(" Reinitialiser ", -1)])) : _("", !0),
+			ce.value && !Z.value ? (E(), v(p, { key: 3 }, [c.value ? (E(), v("div", Yt, [
+				x(j(H), { class: "size-3.5 shrink-0 text-primary" }),
+				I(y("input", {
+					ref_key: "saveInputRef",
+					ref: w,
+					"onUpdate:modelValue": n[2] ||= (e) => l.value = e,
+					placeholder: "Nom de la vue...",
+					class: "w-32 bg-transparent text-xs outline-none placeholder:text-muted-foreground",
+					onKeyup: [L(Se, ["enter"]), n[3] ||= L((e) => {
+						c.value = !1, l.value = "";
+					}, ["escape"])]
+				}, null, 544), [[N, l.value]]),
+				u.value ? (E(), v("p", Xt, A(u.value), 1)) : _("", !0),
+				y("div", Zt, [y("button", {
+					type: "button",
+					onClick: Se,
+					disabled: d.value,
+					title: "Sauvegarder (Entree)",
+					class: "flex h-5 items-center justify-center rounded bg-primary px-1.5 text-[10px] font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 transition-colors"
+				}, [d.value ? (E(), g(j(X), {
+					key: 0,
+					class: "size-3 animate-spin"
+				})) : (E(), g(j(W), {
+					key: 1,
+					class: "size-3"
+				}))], 8, Qt), y("button", {
+					type: "button",
+					onClick: n[4] ||= (e) => {
+						c.value = !1, l.value = "";
+					},
+					title: "Annuler (Echap)",
+					class: "flex size-5 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground transition-colors"
+				}, [x(j(de), { class: "size-3" })])])
+			])) : (E(), v("button", {
+				key: 0,
+				type: "button",
+				onClick: n[1] ||= (e) => {
+					c.value = !0, t.$nextTick(() => w.value?.focus());
+				},
+				class: "inline-flex h-7 items-center gap-1.5 rounded-md border border-primary/30 bg-primary/5 px-2.5 text-xs font-medium text-primary transition-all hover:bg-primary/10 hover:border-primary/50"
+			}, [x(j(U), { class: "size-3.5" }), n[7] ||= b(" Sauvegarder la vue ", -1)]))], 64)) : _("", !0),
+			Q.value && Z.value ? (E(), v("button", {
+				key: 4,
+				type: "button",
+				disabled: d.value,
+				onClick: Ce,
+				class: "inline-flex h-7 items-center gap-1.5 rounded-md bg-primary px-2.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 transition-colors"
+			}, [d.value ? (E(), g(j(X), {
+				key: 0,
+				class: "size-3.5 animate-spin"
+			})) : (E(), g(j(se), {
+				key: 1,
+				class: "size-3.5"
+			})), n[8] ||= b(" Mettre a jour ", -1)], 8, $t)) : _("", !0)
+		])) : _("", !0)]));
+	}
+});
+//#endregion
+export { We as a, qe as c, ze as d, Fe as f, me as h, _t as i, Je as l, Se as m, Vt as n, Ge as o, De as p, Pt as r, Ke as s, en as t, Ue as u };