@medyat/vue-data-table 0.0.0-stage → 1.0.0

package/dist/query-DQWMlX0m.js

@@ -0,0 +1,2121 @@
+import { i as e } from "./plugin-DhgcjEdi.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, h as u, mergeModels as d, normalizeClass as f, onBeforeUnmount as p, onMounted as m, onUpdated as h, openBlock as g, reactive as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, shallowRef as S, toDisplayString as C, toRaw as w, toValue as T, unref as E, useModel as D, vModelText as ee, watch as O, withCtx as k, withDirectives as te, withKeys as ne, withModifiers as re } from "vue";
+import { PhArrowDown as ie, PhArrowUp as ae, PhArrowUpRight as oe, PhArrowsOutSimple as se, PhCaretLeft as ce, PhCaretRight as le, PhCheck as ue, PhDotsThree as de, PhEye as fe, PhEyeSlash as pe, PhFile as me, PhFunnel as he, PhLock as ge, PhMagnifyingGlass as _e, PhMinus as ve, PhPackage as ye, PhSlidersHorizontal as be, PhStar as xe, PhWarningCircle as Se, PhX as Ce, PhXCircle as we } from "@phosphor-icons/vue";
+import { columnOrderingFeature as Te, columnPinningFeature as Ee, columnResizingFeature as De, columnSizingFeature as Oe, columnVisibilityFeature as ke, tableFeatures as Ae, useTable as je } from "@tanstack/vue-table";
+import { AlertDialogCancel as Me, AlertDialogContent as Ne, AlertDialogDescription as Pe, AlertDialogOverlay as Fe, AlertDialogPortal as Ie, AlertDialogRoot as Le, AlertDialogTitle as Re, DropdownMenuContent as A, DropdownMenuItem as j, DropdownMenuPortal as ze, DropdownMenuRoot as Be, DropdownMenuSeparator as Ve, DropdownMenuTrigger as He, PopoverContent as Ue, PopoverPortal as We, PopoverRoot as Ge, PopoverTrigger as Ke, SwitchRoot as qe, SwitchThumb as Je, ToggleGroupItem as Ye, ToggleGroupRoot as Xe } from "reka-ui";
+var Ze = /* @__PURE__ */ new Map();
+function M(e, t, n, r) {
+	let i = `${e}|${t}|${n ? JSON.stringify(n) : ""}`, a = Ze.get(i);
+	return a === void 0 && (a = r(), Ze.set(i, a)), a;
+}
+var Qe = /^(\d{4})-(\d{2})-(\d{2})$/;
+function N(e) {
+	if (e instanceof Date) return e;
+	let t = Qe.exec(e);
+	return t ? new Date(+t[1], t[2] - 1, +t[3]) : new Date(e);
+}
+var P = 864e5, $e = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
+function et(e) {
+	let t = (t) => M("n", e, t, () => new Intl.NumberFormat(e, t)), n = (t) => M("d", e, t, () => new Intl.DateTimeFormat(e, t)), r = (e) => e.includes("-") ? e.replace(/-/g, "−") : e, i = t({ maximumFractionDigits: 0 }), a = (e) => {
+		let t = /* @__PURE__ */ new Map();
+		return (n) => {
+			let r = t.get(n);
+			return r || t.set(n, r = e(n)), r;
+		};
+	}, o = a((e) => t({
+		minimumFractionDigits: e,
+		maximumFractionDigits: e
+	})), s = a((e) => t({
+		style: "percent",
+		minimumFractionDigits: e,
+		maximumFractionDigits: e
+	})), c = (t) => M("r", e, { style: t }, () => new Intl.RelativeTimeFormat(e, {
+		numeric: "auto",
+		style: t
+	}));
+	return {
+		locale: e,
+		int: (e) => r(i.format(e)),
+		decimal: (e, t = 2) => r(o(t).format(e)),
+		percent: (e, t = 0) => r(s(t).format(e / 100)),
+		compact: (e) => r(t({
+			notation: "compact",
+			maximumFractionDigits: 0
+		}).format(e)),
+		date: (e, t = /* @__PURE__ */ new Date()) => {
+			let r = N(e), i = r.getFullYear() === t.getFullYear();
+			return n(i ? {
+				month: "short",
+				day: "numeric"
+			} : {
+				month: "short",
+				day: "numeric",
+				year: "numeric"
+			}).format(r);
+		},
+		dateTime: (e, t = /* @__PURE__ */ new Date()) => {
+			let r = N(e), i = r.getFullYear() === t.getFullYear();
+			return n({
+				month: "short",
+				day: "numeric",
+				...i ? {} : { year: "numeric" },
+				hour: "2-digit",
+				minute: "2-digit"
+			}).format(r);
+		},
+		dateTimeFull: (e) => n({
+			dateStyle: "medium",
+			timeStyle: "long"
+		}).format(N(e)),
+		relative: (e, t = /* @__PURE__ */ new Date(), n = "long") => {
+			let r = N(e).getTime() - t.getTime(), i = Math.abs(r), a = c(n);
+			return i < 6e4 ? a.format(0, "second") : i < 36e5 ? a.format(Math.round(r / 6e4), "minute") : i < P ? a.format(Math.round(r / 36e5), "hour") : i < 30 * P ? a.format(Math.round(r / P), "day") : i < 365 * P ? a.format(Math.round(r / (30 * P)), "month") : a.format(Math.round(r / (365 * P)), "year");
+		},
+		daysLate: (e, t = /* @__PURE__ */ new Date()) => Math.max(0, Math.floor(($e(t) - $e(N(e))) / P)),
+		list: (t) => M("l", e, void 0, () => new Intl.ListFormat(e, { type: "unit" })).format(t),
+		collator: () => M("c", e, void 0, () => new Intl.Collator(e, {
+			numeric: !0,
+			sensitivity: "base"
+		})),
+		plural: () => M("p", e, void 0, () => new Intl.PluralRules(e))
+	};
+}
+var tt = /* @__PURE__ */ new Map();
+function nt(e) {
+	let t = tt.get(e);
+	return t || (t = et(e), tt.set(e, t)), t;
+}
+//#endregion
+//#region src/core/cells/format.ts
+var rt = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0, F = (e, t) => e?.find((e) => e.value === t)?.label ?? String(t);
+function it(e) {
+	try {
+		return new URL(e).host;
+	} catch {
+		return e;
+	}
+}
+function at(e, t) {
+	return typeof e.currency == "function" ? e.currency(t) : e.currency;
+}
+function ot(e, t, n, r) {
+	if (rt(n)) return e.emptyText ?? "—";
+	let { fmt: i, i18n: a } = r;
+	switch (e.type) {
+		case "int": return i.int(Number(n));
+		case "float": return i.decimal(Number(n), e.decimalPlaces ?? 2);
+		case "percentage": return i.percent(Number(n), e.decimalPlaces ?? 0);
+		case "star": return a.t("cell.rating", {
+			value: Number(n),
+			max: e.max ?? 5
+		});
+		case "currency": return `${i.decimal(Number(n), e.decimalPlaces ?? 2)} ${at(e, t)}`;
+		case "url": return it(String(n));
+		case "boolean": return a.t(n ? "common.yes" : "common.no");
+		case "select": return F(e.options, n);
+		case "multiselect": return i.list(n.map((t) => F(e.options, t)));
+		case "ajax": return r.labels.label(e.id, e.remote, n);
+		case "user": {
+			let t = Array.isArray(n) ? n : [n];
+			return i.list(t.map((t) => e.options?.find((e) => e.value === t)?.label ?? r.labels.label(e.id, e.remote, t)));
+		}
+		case "date": return Number.isNaN(N(n).getTime()) ? String(n) : i.date(n, r.today);
+		case "datetime": return Number.isNaN(N(n).getTime()) ? String(n) : e.relative ? i.relative(n, r.today) : i.dateTime(n, r.today);
+		case "object": return e.summary ? e.summary(n, t) : a.t("cell.fields", { count: typeof n == "object" && n ? Object.keys(n).length : 0 });
+		case "array": return i.list(n.map((t) => st(e.itemType, t, i)));
+		default: return String(n);
+	}
+}
+function st(e, t, n) {
+	return e === "int" ? n.int(Number(t)) : e === "float" ? n.decimal(Number(t)) : String(t);
+}
+//#endregion
+//#region src/core/cells/remoteLabels.ts
+var ct = class {
+	cache = /* @__PURE__ */ new Map();
+	pending = /* @__PURE__ */ new Map();
+	inFlight = /* @__PURE__ */ new Map();
+	scheduled = !1;
+	version = S(0);
+	option(e, t, n) {
+		this.version.value;
+		let r = this.cache.get(e)?.get(n);
+		if (r || !t) return r;
+		if (!this.inFlight.get(e)?.has(n)) {
+			let r = this.pending.get(e);
+			r || this.pending.set(e, r = {
+				remote: t,
+				ids: /* @__PURE__ */ new Set()
+			}), r.ids.add(n), this.schedule();
+		}
+	}
+	label(e, t, n) {
+		return this.option(e, t, n)?.label ?? String(n);
+	}
+	seed(e, t) {
+		let n = this.cache.get(e);
+		n || this.cache.set(e, n = /* @__PURE__ */ new Map());
+		for (let e of t) n.set(e.value, e);
+		this.version.value++;
+	}
+	schedule() {
+		this.scheduled || (this.scheduled = !0, queueMicrotask(() => {
+			this.scheduled = !1;
+			for (let [e, { remote: t, ids: n }] of this.pending) {
+				this.pending.delete(e);
+				let r = [...n], i = this.inFlight.get(e);
+				i || this.inFlight.set(e, i = /* @__PURE__ */ new Set()), r.forEach((e) => i.add(e)), t.resolve(r, { signal: new AbortController().signal }).then((t) => this.seed(e, t)).catch(() => {}).finally(() => r.forEach((e) => i.delete(e)));
+			}
+		}));
+	}
+}, I = (e) => ({
+	align: "right",
+	width: e,
+	skeleton: "number",
+	sortable: !0,
+	filterable: !0,
+	searchable: !1,
+	numeric: !0
+}), L = (e, t = !0) => ({
+	align: "left",
+	width: e,
+	skeleton: "text",
+	sortable: !0,
+	filterable: !0,
+	searchable: t,
+	numeric: !1
+}), R = (e) => ({
+	align: "left",
+	width: e,
+	skeleton: "badge",
+	sortable: !0,
+	filterable: !0,
+	searchable: !1,
+	numeric: !1
+}), z = {
+	int: I(112),
+	float: I(112),
+	percentage: I(112),
+	star: {
+		...L(112, !1),
+		skeleton: "text"
+	},
+	currency: I(148),
+	string: L({
+		min: 160,
+		fr: 1.2
+	}),
+	text: L({
+		min: 160,
+		fr: 1.2
+	}),
+	uppercase: L({
+		min: 160,
+		fr: 1.2
+	}),
+	lowercase: L({
+		min: 160,
+		fr: 1.2
+	}),
+	phone: L(156),
+	color: { ...L(132, !1) },
+	email: L(200),
+	url: { ...L(180, !1) },
+	id: L(128),
+	boolean: R(96),
+	select: R(140),
+	multiselect: {
+		...R(180),
+		sortable: !1
+	},
+	ajax: R(180),
+	user: {
+		...R(156),
+		skeleton: "person"
+	},
+	date: L(132, !1),
+	datetime: L(156, !1),
+	object: {
+		...L(180, !1),
+		sortable: !1,
+		filterable: !1
+	},
+	array: {
+		...L(160, !1),
+		sortable: !1
+	}
+};
+function lt(e) {
+	return e.width === void 0 ? e.type === "percentage" && e.display === "bar" ? 156 : e.primary ? e.type === "id" ? 136 : {
+		min: 200,
+		fr: 1.6
+	} : z[e.type].width : e.width;
+}
+var ut = (e) => z[e].numeric;
+function dt(e) {
+	return e.align ?? z[e.type].align;
+}
+var ft = {
+	int: "number",
+	float: "number",
+	percentage: "percentage",
+	star: "rating",
+	currency: "currency",
+	string: "text",
+	text: "longText",
+	uppercase: "text",
+	lowercase: "text",
+	phone: "phone",
+	color: "colour",
+	email: "email",
+	url: "link",
+	id: "id",
+	boolean: "boolean",
+	select: "option",
+	multiselect: "options",
+	ajax: "relation",
+	user: "person",
+	date: "date",
+	datetime: "datetime",
+	object: "object",
+	array: "list"
+}, pt = (e) => `type.${ft[e]}`;
+//#endregion
+//#region src/core/columns/readPath.ts
+function B(e, t) {
+	let n = e;
+	for (let e of t.split(".")) {
+		if (n == null) return;
+		n = n[e];
+	}
+	return n;
+}
+var mt = Ae({
+	columnSizingFeature: Oe,
+	columnResizingFeature: De,
+	columnOrderingFeature: Te,
+	columnPinningFeature: Ee,
+	columnVisibilityFeature: ke
+}), ht = (e) => typeof e == "number" ? `${e}px` : `minmax(${e.min}px, ${e.fr}fr)`, gt = (e) => typeof e == "number" ? e : e.min, _t = (e) => `--dt-off-${e.replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+function vt(e) {
+	let t = n(() => T(e.columns)), r = n(() => new Map(t.value.map((e) => [e.id, e]))), i = n(() => T(e.rowKey) ?? "id"), a = n(() => T(e.layout)), o = (e) => Math.min(e.minWidth ?? 80, gt(lt(e))), s = n(() => t.value.map((e) => {
+		let t = e.id;
+		return {
+			id: t,
+			accessorFn: e.accessor ?? ((e) => B(e, t)),
+			size: gt(lt(e)),
+			minSize: o(e),
+			maxSize: e.maxWidth,
+			enableHiding: !(e.alwaysVisible || e.primary)
+		};
+	})), c = (e) => e?.filter((e) => r.value.has(e)), l = (e) => {
+		let n = c(e?.pinned?.left) ?? t.value.filter((e) => e.pinned === "left").map((e) => e.id), i = c(e?.pinned?.right) ?? t.value.filter((e) => e.pinned === "right").map((e) => e.id), a = {};
+		for (let n of t.value) {
+			let t = n.id;
+			a[t] = n.alwaysVisible || n.primary || (e?.visible ? e.visible.includes(t) : !n.hidden);
+		}
+		let o = {};
+		for (let [t, n] of Object.entries(e?.widths ?? {})) r.value.has(t) && (o[t] = n);
+		return {
+			columnPinning: {
+				start: n,
+				end: i
+			},
+			columnVisibility: a,
+			columnOrder: c(e?.order) ?? [],
+			columnSizing: o
+		};
+	}, u = n(() => l(a.value)), d = je({
+		features: mt,
+		columns: s,
+		data: n(() => T(e.rows)),
+		getRowId: (e) => String(B(e, i.value)),
+		initialState: u.value,
+		columnResizeMode: "onChange"
+	}), f = n(() => new Map(d.getFlatHeaders().map((e) => [e.column.id, e]))), p = (e, t, n) => ({
+		id: e.id,
+		def: r.value.get(e.id),
+		pinned: t,
+		pinEdge: n,
+		offsetVar: _t(e.id),
+		header: f.value.get(e.id)
+	}), m = n(() => !!T(e.phone)), h = (e) => !!r.value.get(e.id)?.primary, g = n(() => m.value ? d.getVisibleLeafColumns().filter(h) : d.getStartVisibleLeafColumns()), _ = n(() => m.value ? d.getVisibleLeafColumns().filter((e) => !h(e)) : d.getCenterVisibleLeafColumns()), v = n(() => m.value ? [] : d.getEndVisibleLeafColumns()), y = (e) => m.value ? h(e) : e.getIsPinned() !== !1, b = n(() => g.value.map((e, t, n) => p(e, "start", t === n.length - 1))), x = n(() => _.value.map((e) => p(e, null, !1))), S = n(() => v.value.map((e, t) => p(e, "end", t === 0))), C = n(() => [
+		...b.value,
+		...x.value,
+		...S.value
+	]), w = (e, t) => {
+		let n = d.atoms.columnSizing.get()[e.id];
+		return t ? e.getSize() : n === void 0 ? lt(r.value.get(e.id)) : n;
+	}, E = n(() => [
+		...g.value.map((t, n, r) => ht(w(t, !(e.flexLastStart && n === r.length - 1)))),
+		..._.value.map((e) => ht(w(e, !1))),
+		"auto",
+		...v.value.map((e) => ht(w(e, !0)))
+	].join(" ")), D = n(() => {
+		let e = {}, t = 0;
+		for (let n of g.value) e[_t(n.id)] = `${t}px`, t += n.getSize();
+		for (let t of v.value) e[_t(t.id)] = `${t.getAfter("end")}px`;
+		return e;
+	}), ee = n(() => d.getVisibleLeafColumns().reduce((e, t) => e + gt(w(t, y(t))), 0)), O = n(() => d.getOrderColumnsFn()(d.getAllLeafColumns()).map((e) => {
+		let t = r.value.get(e.id), n = e.getIsPinned();
+		return {
+			id: e.id,
+			def: t,
+			visible: e.getIsVisible(),
+			pinned: n === !1 ? null : n,
+			canHide: e.getCanHide()
+		};
+	})), k = n(() => ({
+		shown: d.getVisibleLeafColumns().length,
+		total: d.getAllLeafColumns().length
+	})), te = (e, t) => {
+		let n = d.getOrderColumnsFn()(d.getAllLeafColumns()), r = n.findIndex((t) => t.id === e), i = n[r];
+		if (!i) return;
+		let a = i.getIsPinned(), o = r + t;
+		for (; o >= 0 && o < n.length && !(n[o].getIsVisible() && n[o].getIsPinned() === a);) o += t;
+		let s = n[o];
+		if (!s) return;
+		let c = n.map((e) => e.id);
+		c[r] = s.id, c[o] = i.id, d.setColumnOrder(c);
+	}, ne = (e) => {
+		let t = l(e);
+		d.setColumnOrder(t.columnOrder), d.setColumnVisibility(t.columnVisibility), d.setColumnPinning(t.columnPinning), d.setColumnSizing(t.columnSizing);
+	};
+	return {
+		columns: C,
+		start: b,
+		center: x,
+		end: S,
+		panel: O,
+		counts: k,
+		move: te,
+		reset: (e = a.value) => ne(e),
+		apply: ne,
+		state: n(() => {
+			let e = d.atoms.columnPinning.get();
+			return {
+				order: d.getOrderColumnsFn()(d.getAllLeafColumns()).map((e) => e.id),
+				visible: d.getVisibleLeafColumns().map((e) => e.id),
+				widths: { ...d.atoms.columnSizing.get() },
+				pinned: {
+					left: [...e.start],
+					right: [...e.end]
+				}
+			};
+		}),
+		resolve: (e) => {
+			let n = l(e), r = t.value.map((e) => e.id);
+			return {
+				order: [...n.columnOrder, ...r.filter((e) => !n.columnOrder.includes(e))],
+				visible: r.filter((e) => n.columnVisibility[e]),
+				widths: n.columnSizing,
+				pinned: {
+					left: n.columnPinning.start,
+					right: n.columnPinning.end
+				}
+			};
+		},
+		colsVar: E,
+		offsetVars: D,
+		minWidth: ee,
+		resizing: n(() => {
+			let e = d.atoms.columnResizing.get().isResizingColumn;
+			return e ? {
+				id: e,
+				size: d.getColumn(e)?.getSize() ?? 0
+			} : null;
+		}),
+		rowId: (e) => String(B(e, i.value)),
+		widthOf: (e) => d.getColumn(e)?.getSize() ?? 0,
+		setWidth: (e, t) => {
+			let n = r.value.get(e), i = n ? o(n) : 80, a = Math.min(n?.maxWidth ?? Infinity, Math.max(i, Math.round(t)));
+			d.setColumnSizing((t) => ({
+				...t,
+				[e]: a
+			}));
+		},
+		resetWidth: (e) => d.getColumn(e)?.resetSize(),
+		pin: (e, t) => d.getColumn(e)?.pin(t ?? !1),
+		setVisible: (e, t) => d.getColumn(e)?.toggleVisibility(t),
+		setOrder: (e) => d.setColumnOrder(e)
+	};
+}
+//#endregion
+//#region src/core/cells/renderCell.ts
+var yt = (e) => typeof e == "object" ? "dt-tone-custom" : `dt-tone-${e ?? "gray"}`, bt = (e) => typeof e == "object" ? {
+	"--dt-tone-light": e.light,
+	"--dt-tone-dark": e.dark
+} : void 0, xt = [
+	"blue",
+	"green",
+	"amber",
+	"violet",
+	"pink",
+	"teal"
+];
+function St(e) {
+	let t = 0;
+	for (let n of String(e)) t = t * 31 + n.charCodeAt(0) >>> 0;
+	return xt[t % xt.length];
+}
+var Ct = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0].toLocaleUpperCase()).join("");
+function V(e, t, n) {
+	return u("span", {
+		class: ["dt-badge", yt(e)],
+		style: bt(e)
+	}, [n ? u(n, {
+		class: "dt-badge-icon",
+		size: 11,
+		weight: "bold",
+		"aria-hidden": "true"
+	}) : u("span", {
+		class: "dt-badge-dot",
+		"aria-hidden": "true"
+	}), u("span", { class: "dt-badge-label" }, t)]);
+}
+var H = (e, t, n = "dt-more") => u("span", {
+	class: n,
+	"data-dt-tip": t
+}, `+${e}`), U = (e) => u("span", { class: "dt-mono" }, e);
+function wt(e) {
+	return u("span", {
+		class: ["dt-avatar", `dt-tone-${St(e.value)}`],
+		style: e.avatarUrl ? { backgroundImage: `url("${e.avatarUrl}")` } : void 0,
+		"aria-hidden": "true"
+	}, e.avatarUrl ? "" : e.initials ?? Ct(e.label));
+}
+function Tt(e, t, n) {
+	return u("span", {
+		class: "dt-stars",
+		role: "img",
+		"aria-label": n,
+		"data-dt-tip": n
+	}, Array.from({ length: t }, (t, n) => u(xe, {
+		size: 14,
+		weight: n < e ? "fill" : "regular",
+		class: n < e ? "is-on" : void 0
+	})));
+}
+function Et(e, t) {
+	return u("span", { class: "dt-bar" }, [u("span", {
+		class: "dt-bar-track",
+		"aria-hidden": "true"
+	}, [u("span", {
+		class: "dt-bar-fill",
+		style: { width: `${Math.max(0, Math.min(100, e))}%` }
+	})]), u("span", { class: "dt-bar-label" }, t)]);
+}
+var W = (e, t, n = !1) => u("a", {
+	class: "dt-link",
+	href: e,
+	tabindex: -1,
+	...n && {
+		target: "_blank",
+		rel: "noopener"
+	}
+}, [t]);
+function Dt(e, t) {
+	if (e.type !== "color" || e.display !== "fill" || typeof t != "string") return;
+	let n = /^#?([0-9a-f]{6})$/i.exec(t);
+	if (!n) return { background: t };
+	let r = parseInt(n[1], 16);
+	return {
+		background: t,
+		color: (.2126 * (r >> 16 & 255) + .7152 * (r >> 8 & 255) + .0722 * (r & 255)) / 255 > .55 ? "var(--dt-fill-text-dark)" : "var(--dt-fill-text-light)"
+	};
+}
+function Ot(e, t, n) {
+	return t.map((t) => e.options?.find((e) => e.value === t) ?? n.labels.option(e.id, e.remote, t) ?? {
+		value: t,
+		label: String(t)
+	});
+}
+function kt(e, t, n, r) {
+	let i = ot(e, t, n, r);
+	if (e.cell) return e.cell({
+		row: t,
+		value: n,
+		formatted: i,
+		column: {
+			id: e.id,
+			type: e.type
+		},
+		density: r.density
+	});
+	if (rt(n)) return e.type === "user" ? u("span", { class: "dt-user is-empty" }, [u("span", {
+		class: "dt-avatar is-empty",
+		"aria-hidden": "true"
+	}), r.i18n.t("common.unassigned")]) : u("span", { class: "dt-empty" }, i);
+	let { fmt: a, i18n: o } = r;
+	switch (e.type) {
+		case "int":
+		case "float": return i;
+		case "percentage": return e.display === "bar" ? Et(Number(n), i) : i;
+		case "star": return Tt(Number(n), e.max ?? 5, i);
+		case "currency": return [a.decimal(Number(n), e.decimalPlaces ?? 2), u("span", { class: "dt-ccy" }, at(e, t))];
+		case "string":
+		case "uppercase":
+		case "lowercase":
+		case "email": return i;
+		case "phone": return r.coarse ? W(`tel:${i}`, i) : i;
+		case "text": {
+			let e = i.split("\n")[0];
+			return u("span", { class: "dt-text" }, [u("span", { class: "dt-text-first" }, e), u("button", {
+				type: "button",
+				class: "dt-text-expand",
+				tabindex: -1,
+				"aria-label": o.t("cell.expandText"),
+				"data-dt-tip": i
+			}, [u(se, {
+				size: 14,
+				"aria-hidden": "true"
+			})])]);
+		}
+		case "color": return e.display === "fill" ? U(i) : [u("span", {
+			class: "dt-swatch",
+			style: { background: i },
+			"aria-hidden": "true"
+		}), U(i)];
+		case "url": return W(String(n), [it(String(n)), u(oe, {
+			size: 12,
+			class: "dt-link-icon",
+			"aria-hidden": "true"
+		})], !0);
+		case "id": {
+			let n = e.href?.(t);
+			return n ? W(n, U(i)) : U(i);
+		}
+		case "boolean": return n ? V("green", i, ue) : V(e.falseTone === "destructive" ? "red" : "gray", i, e.falseTone === "destructive" ? Ce : ve);
+		case "select": {
+			let t = e.options.find((e) => e.value === n);
+			return t ? V(t.tone, t.label) : V("gray", String(n));
+		}
+		case "multiselect": {
+			let t = n, r = t.slice(0, 2).map((t) => {
+				let n = e.options.find((e) => e.value === t);
+				return n ? V(n.tone, n.label) : V("gray", String(t));
+			});
+			return u("span", { class: "dt-badges" }, [...r, t.length > 2 ? H(t.length - 2, a.list(t.slice(2).map((t) => F(e.options, t)))) : null]);
+		}
+		case "ajax": {
+			let n = e.href?.(t);
+			return n ? W(n, i) : i;
+		}
+		case "user": {
+			let t = Ot(e, Array.isArray(n) ? n : [n], r);
+			return t.length === 1 ? u("span", { class: "dt-user" }, [wt(t[0]), u("span", { class: "dt-user-name" }, t[0].label)]) : u("span", { class: "dt-user dt-avatars" }, [...t.slice(0, 3).map(wt), t.length > 3 ? H(t.length - 3, a.list(t.slice(3).map((e) => e.label)), "dt-more dt-more-pill") : null]);
+		}
+		case "date":
+		case "datetime": {
+			let s = (typeof e.overdue == "function" ? e.overdue(t) : e.overdue) ? a.daysLate(n, r.today) : 0, c = e.type === "datetime" ? a.dateTimeFull(n) : void 0;
+			return s > 0 ? u("span", {
+				class: "dt-late",
+				"data-dt-tip": c
+			}, `${i} · ${o.t("cell.late", { count: s })}`) : c ? u("span", { "data-dt-tip": c }, i) : i;
+		}
+		case "object": return [u("span", {
+			class: "dt-struct",
+			"aria-hidden": "true"
+		}, "{ }"), i];
+		case "array": {
+			let t = n, r = t.slice(0, 3).map((t) => st(e.itemType, t, a));
+			return [
+				u("span", {
+					class: "dt-struct",
+					"aria-hidden": "true"
+				}, "[ ]"),
+				r.join(", "),
+				t.length > 3 ? [" ", H(t.length - 3, i)] : null
+			];
+		}
+	}
+}
+//#endregion
+//#region src/core/format/parse.ts
+var At = /* @__PURE__ */ new Map();
+function jt(e) {
+	let t = At.get(e);
+	if (!t) {
+		let n = new Intl.NumberFormat(e).formatToParts(12345.6);
+		t = {
+			group: n.find((e) => e.type === "group")?.value ?? ",",
+			decimal: n.find((e) => e.type === "decimal")?.value ?? "."
+		}, At.set(e, t);
+	}
+	return t;
+}
+function Mt(e, t) {
+	let n = t.replace(/[\s%\u00a0A-Za-z₺€$£]/g, "").replace("−", "-");
+	if (n === "" || n === "-") return null;
+	let r = n.lastIndexOf(","), i = n.lastIndexOf("."), a = r >= 0 && i >= 0 ? r > i ? "," : "." : jt(e).decimal;
+	n = n.split(a === "," ? "." : ",").join(""), a === "," && (n = n.replace(",", "."));
+	let o = Number(n);
+	return Number.isFinite(o) ? o : null;
+}
+//#endregion
+//#region src/core/filters/model.ts
+var G = ["is_empty", "is_not_empty"], Nt = [
+	"eq",
+	"neq",
+	"gt",
+	"gte",
+	"lt",
+	"lte",
+	"between",
+	...G
+], Pt = [
+	"contains",
+	"not_contains",
+	"eq",
+	"neq",
+	"starts_with",
+	"ends_with",
+	...G
+], K = [
+	"in",
+	"not_in",
+	...G
+], Ft = [
+	"within",
+	"eq",
+	"before",
+	"after",
+	...G
+], It = [
+	"contains",
+	"eq",
+	"neq",
+	"starts_with",
+	...G
+], Lt = {
+	int: Nt,
+	float: Nt,
+	percentage: [
+		"eq",
+		"gt",
+		"gte",
+		"lt",
+		"lte",
+		"between",
+		...G
+	],
+	star: [
+		"gte",
+		"lte",
+		"eq",
+		...G
+	],
+	currency: Nt,
+	string: Pt,
+	text: [
+		"contains",
+		"not_contains",
+		...G
+	],
+	uppercase: It,
+	lowercase: It,
+	phone: [
+		"contains",
+		"starts_with",
+		...G
+	],
+	color: K,
+	email: [
+		"contains",
+		"eq",
+		"ends_with",
+		...G
+	],
+	url: ["contains", ...G],
+	id: [
+		"in",
+		"contains",
+		...G
+	],
+	boolean: ["eq", ...G],
+	select: K,
+	multiselect: K,
+	ajax: K,
+	user: K,
+	date: Ft,
+	datetime: Ft,
+	object: [],
+	array: ["contains", ...G]
+}, Rt = {
+	int: "between",
+	float: "between",
+	percentage: "between",
+	currency: "between",
+	star: "gte",
+	id: "in",
+	boolean: "eq",
+	date: "within",
+	datetime: "within"
+}, zt = (e) => e.filter?.operators ?? Lt[e.type], Bt = (e) => e.filter?.defaultOperator ?? Rt[e.type] ?? zt(e)[0] ?? "is_empty";
+function q(e, t) {
+	return e === "is_empty" || e === "is_not_empty" ? "none" : e === "in" || e === "not_in" ? "list" : e === "between" ? "range" : e === "within" ? "dateRange" : e === "before" || e === "after" || t === "date" || t === "datetime" ? "date" : t === "boolean" ? "boolean" : e === "gt" || e === "gte" || e === "lt" || e === "lte" || t === "int" || t === "float" || t === "percentage" || t === "currency" || t === "star" ? "number" : "text";
+}
+function Vt(e, t) {
+	let n = q(e, t);
+	return n === "none" || n === "boolean" ? null : n === "list" ? t === "id" ? "text" : "options" : n === "text" ? "text" : n === "date" || n === "dateRange" ? "date" : t === "star" ? "star" : "number";
+}
+var J = (e) => !!e && typeof e == "object";
+function Ht(e, t) {
+	let n = e.value;
+	switch (q(e.op, t)) {
+		case "none": return !0;
+		case "list": return Array.isArray(n) && n.length > 0;
+		case "range": return Array.isArray(n) && (n[0] !== null && n[0] !== void 0 || n[1] !== null && n[1] !== void 0);
+		case "text": return typeof n == "string" && n !== "";
+		case "number": return typeof n == "number" && Number.isFinite(n);
+		case "boolean": return typeof n == "boolean";
+		case "date": return typeof n == "string" && n !== "" || J(n) && n.preset === "today";
+		case "dateRange": return J(n) && (typeof n.preset == "string" || typeof n.from == "string" && typeof n.to == "string");
+	}
+}
+function Ut(e) {
+	let t = {
+		column: e.column,
+		op: e.op
+	};
+	return e.value !== void 0 && q(e.op, "string") !== "none" && (t.value = e.value), e.currency && (t.currency = e.currency), t;
+}
+function Wt(e, t, n) {
+	let r = q(t, n), i = r !== "none" && r === q(e.op, n);
+	return {
+		...e,
+		op: t,
+		value: i ? e.value : void 0
+	};
+}
+function Gt(e, t, n, r = 1) {
+	return t === "in" || t === "not_in" ? e.t(`op.${t}`, { count: Math.max(1, r) }) : n === "star" && (t === "gte" || t === "lte") ? e.t(`op.star.${t}`) : e.t(`op.${t}`);
+}
+var Y = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, X = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), Kt = (e) => {
+	try {
+		let t = new Intl.Locale(e);
+		return t.getWeekInfo?.().firstDay ?? t.weekInfo?.firstDay ?? 1;
+	} catch {
+		return 1;
+	}
+};
+function qt(e, t, n = /* @__PURE__ */ new Date()) {
+	let r = new Date(n.getFullYear(), n.getMonth(), n.getDate());
+	switch (e) {
+		case "today": return {
+			from: Y(r),
+			to: Y(r)
+		};
+		case "this_week": {
+			let e = X(r, -((r.getDay() - Kt(t) % 7 + 7) % 7));
+			return {
+				from: Y(e),
+				to: Y(X(e, 6))
+			};
+		}
+		case "next_7_days": return {
+			from: Y(r),
+			to: Y(X(r, 7))
+		};
+		case "this_month": return {
+			from: Y(new Date(r.getFullYear(), r.getMonth(), 1)),
+			to: Y(new Date(r.getFullYear(), r.getMonth() + 1, 0))
+		};
+		case "last_30_days": return {
+			from: Y(X(r, -30)),
+			to: Y(r)
+		};
+		case "this_quarter": {
+			let e = Math.floor(r.getMonth() / 3) * 3;
+			return {
+				from: Y(new Date(r.getFullYear(), e, 1)),
+				to: Y(new Date(r.getFullYear(), e + 3, 0))
+			};
+		}
+		case "overdue": return {
+			from: null,
+			to: Y(X(r, -1))
+		};
+	}
+}
+var Z = (e) => e instanceof Date ? Y(e) : typeof e == "string" && e.length >= 10 ? e.slice(0, 10) : null, Jt = (e, t) => typeof e == "string" ? e.slice(0, 10) : Y(t), Yt = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0, Q = (e, t) => String(e).toLocaleLowerCase(t);
+function Xt(e, t, n) {
+	let r = n.now ?? /* @__PURE__ */ new Date();
+	switch (e.op) {
+		case "is_empty": return Yt(t);
+		case "is_not_empty": return !Yt(t);
+	}
+	if (Yt(t)) return !1;
+	switch (e.op) {
+		case "eq":
+		case "neq": {
+			let r = Z(t), i = typeof e.value == "string" && r && /^\d{4}-\d{2}-\d{2}/.test(e.value) ? r === e.value.slice(0, 10) : typeof t == "string" && typeof e.value == "string" ? Q(t, n.locale) === Q(e.value, n.locale) : t === e.value || String(t) === String(e.value);
+			return e.op === "eq" ? i : !i;
+		}
+		case "gt": return Number(t) > e.value;
+		case "gte": return Number(t) >= e.value;
+		case "lt": return Number(t) < e.value;
+		case "lte": return Number(t) <= e.value;
+		case "between": {
+			let n = Number(t), [r, i] = e.value;
+			return (r === null || n >= r) && (i === null || n <= i);
+		}
+		case "contains":
+		case "not_contains":
+		case "starts_with":
+		case "ends_with": {
+			let r = Q(e.value, n.locale), i = (Array.isArray(t) ? t : [t]).some((t) => {
+				let i = Q(t, n.locale);
+				return e.op === "starts_with" ? i.startsWith(r) : e.op === "ends_with" ? i.endsWith(r) : i.includes(r);
+			});
+			return e.op === "not_contains" ? !i : i;
+		}
+		case "in":
+		case "not_in": {
+			let n = new Set(e.value.map(String)), r = (Array.isArray(t) ? t : [t]).some((e) => n.has(String(e)));
+			return e.op === "in" ? r : !r;
+		}
+		case "before": return (Z(t) ?? "") < Jt(e.value, r);
+		case "after": return (Z(t) ?? "") > Jt(e.value, r);
+		case "within": {
+			let i = Z(t);
+			if (!i) return !1;
+			let a = "preset" in e.value ? qt(e.value.preset, n.locale, r) : e.value;
+			return (a.from === null || i >= a.from) && (a.to === null || i <= a.to);
+		}
+	}
+}
+var Zt = (e, t) => Math.abs(t) >= 1e3 ? e.compact(t) : e.decimal(t, Number.isInteger(t) ? 0 : 2);
+function Qt(e, t, n) {
+	let { i18n: r, fmt: i } = n, a = t.type, o = e.value, s = a === "percentage" ? "%" : e.currency ? ` ${e.currency}` : "", c = (e) => `${Zt(i, e)}${s}`;
+	switch (q(e.op, a)) {
+		case "none": return { text: "" };
+		case "boolean": return { text: r.t(o ? "common.yes" : "common.no") };
+		case "number": return { text: typeof o == "number" ? c(o) : "" };
+		case "text": return typeof o == "string" && o ? {
+			text: `“${o}”`,
+			full: o
+		} : { text: "" };
+		case "range": {
+			if (!Array.isArray(o)) return { text: "" };
+			let [e, t] = o;
+			return e != null && t != null ? { text: `${Zt(i, e)} – ${c(t)}` } : e == null ? t == null ? { text: "" } : { text: `≤ ${c(t)}` } : { text: `≥ ${c(e)}` };
+		}
+		case "date": return typeof o == "string" && o ? { text: i.date(o, n.today) } : J(o) && o.preset === "today" ? { text: r.t("date.today") } : { text: "" };
+		case "dateRange": {
+			if (!J(o)) return { text: "" };
+			if (typeof o.preset == "string") return { text: r.t(`date.${o.preset}`) };
+			let e = String(o.from), t = String(o.to), a = e.slice(0, 7) === t.slice(0, 7) ? String(Number(t.slice(8, 10))) : i.date(t, n.today);
+			return { text: `${i.date(e, n.today)} – ${a}` };
+		}
+		case "list": {
+			let e = Array.isArray(o) ? o : [];
+			if (e.length === 0) return { text: "" };
+			let i = e.map((e) => e === "@me" ? r.t("common.me") : n.labelOf(e));
+			if (a === "user") {
+				let t = e.map((e, t) => ({
+					value: e,
+					label: i[t]
+				}));
+				return {
+					text: e.length === 1 ? i[0] : r.t("chip.people", { count: e.length }),
+					full: i.join(", "),
+					people: t
+				};
+			}
+			if (e.length <= 2) return {
+				text: i.join(", "),
+				full: i.join(", ")
+			};
+			let s = t.filterNoun;
+			return {
+				text: s ? r.t("chip.noun", {
+					count: e.length,
+					noun: s
+				}) : r.t("chip.values", { count: e.length }),
+				full: i.join(", ")
+			};
+		}
+	}
+}
+//#endregion
+//#region src/core/interaction/isInteractive.ts
+var $t = "a[href], button, input, select, textarea, summary, label, [role=\"button\"], [role=\"menuitem\"], [role=\"checkbox\"], [role=\"combobox\"], [role=\"switch\"], [contenteditable=\"true\"]";
+function en(e, t) {
+	if (!(e instanceof Element)) return !1;
+	let n = e.closest($t);
+	return n !== null && n !== t && t.contains(n);
+}
+var tn = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement || e?.getAttribute("role") === "combobox" || e?.isContentEditable === !0, nn = () => (globalThis.getSelection?.()?.toString().length ?? 0) > 0;
+function rn(e, t, n) {
+	return !(e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || en(e.target, t) || nn() || n && Math.hypot(e.clientX - n.x, e.clientY - n.y) > 4);
+}
+//#endregion
+//#region src/core/interaction/kbd.ts
+var $ = typeof navigator < "u" && /Mac|iPhone|iPad/.test(navigator.platform), an = {
+	left: $ ? "⌥⇧←" : "Alt+Shift+←",
+	right: $ ? "⌥⇧→" : "Alt+Shift+→"
+}, on = $ ? "⌘S" : "Ctrl+S", sn = $ ? "⌘Z" : "Ctrl+Z", cn = $ ? "⌘⇧Z" : "Ctrl+Y", ln = $ ? "⌘F" : "Ctrl+F", un = $ ? "⌘D" : "Ctrl+D", dn = $ ? "⌘−" : "Ctrl+−", fn = (e, t) => e.filter((e) => e.inline && e.icon && (!e.when || e.when(t))).slice(0, 2), pn = ["aria-label", "data-dt-tip"], mn = [
+	"aria-label",
+	"aria-disabled",
+	"data-dt-tip",
+	"onClick"
+], hn = ["aria-label", "data-dt-tip"], gn = /* @__PURE__ */ l({
+	__name: "CellActions",
+	props: {
+		actions: {},
+		row: {}
+	},
+	setup(l) {
+		let u = l, { i18n: d } = e(), p = n(() => u.actions.filter((e) => e.when?.(u.row) ?? !0)), m = n(() => p.value.some((e) => e.reveal === "always")), h = n(() => p.value.length > 2 ? p.value.slice(0, 1) : p.value), _ = n(() => p.value.length > 2 ? p.value.slice(1) : []), v = (e) => e.disabled?.(u.row) ?? !1, b = (e) => {
+			let t = v(e);
+			return typeof t == "string" ? `${e.label} — ${t}` : e.label;
+		}, S = (e) => {
+			v(e) || e.run?.(w(u.row));
+		};
+		return (e, n) => p.value.length ? (g(), a("span", {
+			key: 0,
+			class: f(["dt-cell-actions", { "is-always": m.value }])
+		}, [(g(!0), a(t, null, y(h.value, (e) => (g(), a(t, { key: e.id }, [e.menu?.length ? (g(), r(E(Be), { key: 0 }, {
+			default: k(() => [c(E(He), { "as-child": "" }, {
+				default: k(() => [o("button", {
+					type: "button",
+					class: f(["dt-cell-action", { "is-destructive": e.destructive }]),
+					tabindex: "-1",
+					"aria-label": e.label,
+					"data-dt-tip": e.label
+				}, [(g(), r(x(e.icon), {
+					size: 14,
+					"aria-hidden": "true"
+				}))], 10, pn)]),
+				_: 2
+			}, 1024), c(E(ze), null, {
+				default: k(() => [c(E(A), {
+					class: "dt-menu dt-menu-cell",
+					align: "end",
+					"side-offset": 4
+				}, {
+					default: k(() => [(g(!0), a(t, null, y(e.menu, (e) => (g(), r(E(j), {
+						key: e.id,
+						class: f(["dt-menu-item", { "is-destructive": e.destructive }]),
+						disabled: !!v(e),
+						onSelect: (t) => S(e)
+					}, {
+						default: k(() => [(g(), r(x(e.icon), {
+							size: 16,
+							"aria-hidden": "true"
+						})), s(" " + C(e.label), 1)]),
+						_: 2
+					}, 1032, [
+						"class",
+						"disabled",
+						"onSelect"
+					]))), 128))]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1024)]),
+			_: 2
+		}, 1024)) : (g(), a("button", {
+			key: 1,
+			type: "button",
+			class: f(["dt-cell-action", { "is-destructive": e.destructive }]),
+			tabindex: "-1",
+			"aria-label": e.label,
+			"aria-disabled": v(e) ? "true" : void 0,
+			"data-dt-tip": b(e),
+			onClick: (t) => S(e)
+		}, [(g(), r(x(e.icon), {
+			size: 14,
+			"aria-hidden": "true"
+		}))], 10, mn))], 64))), 128)), _.value.length ? (g(), r(E(Be), { key: 0 }, {
+			default: k(() => [c(E(He), { "as-child": "" }, {
+				default: k(() => [o("button", {
+					type: "button",
+					class: "dt-cell-action",
+					tabindex: "-1",
+					"aria-label": E(d).t("common.more"),
+					"data-dt-tip": E(d).t("common.more")
+				}, [c(E(de), {
+					size: 14,
+					weight: "bold",
+					"aria-hidden": "true"
+				})], 8, hn)]),
+				_: 1
+			}), c(E(ze), null, {
+				default: k(() => [c(E(A), {
+					class: "dt-menu dt-menu-cell",
+					align: "end",
+					"side-offset": 4
+				}, {
+					default: k(() => [(g(!0), a(t, null, y(_.value, (e) => (g(), r(E(j), {
+						key: e.id,
+						class: f(["dt-menu-item", { "is-destructive": e.destructive }]),
+						disabled: !!v(e),
+						onSelect: (t) => S(e)
+					}, {
+						default: k(() => [(g(), r(x(e.icon), {
+							size: 16,
+							"aria-hidden": "true"
+						})), s(" " + C(e.label), 1)]),
+						_: 2
+					}, 1032, [
+						"class",
+						"disabled",
+						"onSelect"
+					]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		})) : i("", !0)], 2)) : i("", !0);
+	}
+}), _n = {
+	key: 0,
+	class: "dt-row-more-space",
+	"aria-hidden": "true"
+}, vn = ["aria-label"], yn = ["href"], bn = ["href"], xn = { class: "dt-menu-text" }, Sn = {
+	key: 0,
+	class: "dt-menu-sub"
+}, Cn = {
+	key: 1,
+	class: "dt-kbd"
+}, wn = /* @__PURE__ */ l({
+	__name: "RowMenu",
+	props: {
+		row: {},
+		label: {},
+		primaryHeader: {},
+		href: {},
+		actions: {},
+		open: { type: Boolean }
+	},
+	emits: [
+		"update:open",
+		"open",
+		"copy"
+	],
+	setup(l, { emit: u }) {
+		let d = l, p = u, { i18n: m } = e(), h = n(() => {
+			let e = new Set(fn(d.actions, d.row)), t = d.actions.filter((t) => !e.has(t) && (!t.when || t.when(d.row)));
+			return [...t.filter((e) => !e.destructive), ...t.filter((e) => e.destructive)];
+		}), _ = n(() => !!d.href || !!d.primaryHeader || h.value.length > 0), v = n(() => h.value.findIndex((e) => e.destructive)), b = (e) => {
+			let t = e.disabled?.(d.row);
+			return typeof t == "string" ? t : e.description ?? null;
+		}, S = (e) => !!e.disabled?.(d.row), T = (e) => {
+			S(e) || e.run(w(d.row));
+		}, D = (e) => {
+			e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && p("open", e);
+		};
+		return (e, n) => _.value ? (g(), r(E(Be), {
+			key: 1,
+			open: l.open,
+			"onUpdate:open": n[2] ||= (e) => p("update:open", e)
+		}, {
+			default: k(() => [c(E(He), { "as-child": "" }, {
+				default: k(() => [o("button", {
+					type: "button",
+					class: "dt-row-more",
+					tabindex: "-1",
+					"aria-label": E(m).t("row.actionsAria", { id: l.label }),
+					onKeydown: n[0] ||= ne(re(() => {}, ["stop"]), ["enter", "space"])
+				}, [c(E(de), {
+					size: 16,
+					weight: "bold",
+					"aria-hidden": "true"
+				})], 40, vn)]),
+				_: 1
+			}), c(E(ze), null, {
+				default: k(() => [c(E(A), {
+					class: "dt-menu dt-row-menu",
+					align: "end",
+					"side-offset": 4
+				}, {
+					default: k(() => [
+						l.href ? (g(), a(t, { key: 0 }, [c(E(j), {
+							"as-child": "",
+							class: "dt-menu-item"
+						}, {
+							default: k(() => [o("a", {
+								href: l.href,
+								onClick: D
+							}, [s(C(E(m).t("row.open")) + " ", 1), n[3] ||= o("kbd", { class: "dt-kbd" }, "↵", -1)], 8, yn)]),
+							_: 1
+						}), c(E(j), {
+							"as-child": "",
+							class: "dt-menu-item"
+						}, {
+							default: k(() => [o("a", {
+								href: l.href,
+								target: "_blank",
+								rel: "noopener"
+							}, C(E(m).t("row.openNewTab")), 9, bn)]),
+							_: 1
+						})], 64)) : i("", !0),
+						l.primaryHeader ? (g(), r(E(j), {
+							key: 1,
+							class: "dt-menu-item",
+							onSelect: n[1] ||= (e) => p("copy")
+						}, {
+							default: k(() => [s(C(E(m).t("row.copyId", { column: l.primaryHeader })), 1)]),
+							_: 1
+						})) : i("", !0),
+						(l.href || l.primaryHeader) && h.value.length ? (g(), r(E(Ve), {
+							key: 2,
+							class: "dt-menu-sep"
+						})) : i("", !0),
+						(g(!0), a(t, null, y(h.value, (e, n) => (g(), a(t, { key: e.id }, [e.separatorBefore || n === v.value ? (g(), r(E(Ve), {
+							key: 0,
+							class: "dt-menu-sep"
+						})) : i("", !0), c(E(j), {
+							class: f(["dt-menu-item", {
+								"is-destructive": e.destructive,
+								"is-two-line": b(e)
+							}]),
+							disabled: S(e),
+							onSelect: (t) => T(e)
+						}, {
+							default: k(() => [
+								e.icon ? (g(), r(x(e.icon), {
+									key: 0,
+									size: 16,
+									"aria-hidden": "true"
+								})) : i("", !0),
+								o("span", xn, [o("span", null, C(e.label), 1), b(e) ? (g(), a("span", Sn, C(b(e)), 1)) : i("", !0)]),
+								e.shortcut ? (g(), a("kbd", Cn, C(e.shortcut), 1)) : i("", !0)
+							]),
+							_: 2
+						}, 1032, [
+							"class",
+							"disabled",
+							"onSelect"
+						])], 64))), 128))
+					]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"])) : (g(), a("span", _n));
+	}
+}), Tn = l({
+	name: "DtRow",
+	props: {
+		row: {
+			type: Object,
+			required: !0
+		},
+		index: {
+			type: Number,
+			required: !0
+		},
+		rowIndex: {
+			type: Number,
+			required: !0
+		},
+		columns: {
+			type: Array,
+			required: !0
+		},
+		env: {
+			type: Object,
+			required: !0
+		},
+		focused: {
+			type: Boolean,
+			default: !1
+		},
+		keyboardFocus: {
+			type: Boolean,
+			default: !1
+		},
+		secondaryVisible: {
+			type: Boolean,
+			default: !1
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		selectEdge: {
+			type: Boolean,
+			default: !1
+		},
+		expandable: {
+			type: Boolean,
+			default: !1
+		},
+		canExpand: {
+			type: Boolean,
+			default: !1
+		},
+		expanded: {
+			type: Boolean,
+			default: !1
+		},
+		subrowId: {
+			type: String,
+			default: void 0
+		},
+		menu: {
+			type: Boolean,
+			default: !1
+		},
+		menuOpen: {
+			type: Boolean,
+			default: !1
+		},
+		menuEdge: {
+			type: Boolean,
+			default: !1
+		},
+		rowActions: {
+			type: Array,
+			default: () => []
+		},
+		error: {
+			type: Array,
+			default: () => []
+		},
+		uid: {
+			type: String,
+			default: ""
+		},
+		href: {
+			type: String,
+			default: void 0
+		},
+		primaryHeader: {
+			type: String,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: [
+		"select",
+		"expand",
+		"menu-open",
+		"open",
+		"copy"
+	],
+	setup(e, { emit: t }) {
+		let n = null, r = () => {
+			if (n) for (let e of n.querySelectorAll($t)) e.tabIndex !== -1 && (e.tabIndex = -1);
+		};
+		m(r), h(r);
+		let i = (t, n) => e.env.i18n.t(t, n), a = () => e.error.join("\n"), o = () => `${e.uid}-err`, s = () => u("span", {
+			id: o(),
+			class: "dt-row-error",
+			role: "img",
+			"aria-label": a(),
+			"data-dt-tip": a()
+		}, [u(Se, {
+			size: 14,
+			weight: "fill",
+			"aria-hidden": "true"
+		})]), c = (t) => {
+			let n = t.disabled?.(e.row), r = typeof n == "string" ? n : null, i = t.description ? `${e.uid}-${t.id}` : void 0;
+			return u("span", { class: "dt-row-inline-wrap" }, [u("button", {
+				type: "button",
+				class: "dt-row-inline",
+				tabindex: -1,
+				disabled: !!n,
+				"aria-label": t.label,
+				"aria-describedby": i,
+				"data-dt-tip": r ?? (t.description ? `${t.label} — ${t.description}` : t.label),
+				onClick: () => void t.run(w(e.row)),
+				onKeydown: (e) => {
+					(e.key === "Enter" || e.key === " ") && e.stopPropagation();
+				}
+			}, [u(t.icon, {
+				size: 16,
+				"aria-hidden": "true"
+			})]), i ? u("span", {
+				id: i,
+				class: "dt-sr-only"
+			}, t.description) : null]);
+		}, l = (n) => {
+			let r = n.def, a = r.accessor ? r.accessor(e.row) : On(e.row, n.id), o = dt(r), c = kt(r, e.row, a, e.env), l = r.primary && r.type !== "id" && r.type !== "ajax" ? r.href?.(e.row) : void 0;
+			l && (c = u("a", {
+				class: "dt-link dt-primary-link",
+				href: l,
+				tabindex: -1
+			}, [c]));
+			let d = r.actions, f = u("span", { class: "dt-cell-content" }, [c]), p = e.secondaryVisible && r.secondary ? u("span", { class: "dt-secondary" }, r.secondary(e.row) ?? "") : null, m = d?.length ? u(gn, {
+				actions: d,
+				row: e.row
+			}) : null, h = r.primary && e.expandable, g = e.error.length && !e.menu && n.id === e.columns[0]?.id ? s() : null, _ = h ? [
+				e.canExpand ? u("button", {
+					type: "button",
+					class: ["dt-expand", { "is-open": e.expanded }],
+					tabindex: -1,
+					"aria-expanded": e.expanded ? "true" : "false",
+					"aria-controls": e.subrowId,
+					"aria-label": i("expand.showAria", { id: e.label }),
+					onClick: () => t("expand")
+				}, [u(le, {
+					size: 14,
+					"aria-hidden": "true"
+				})]) : u("span", {
+					class: "dt-expand-space",
+					"aria-hidden": "true"
+				}),
+				g,
+				u("span", { class: "dt-cell-main" }, [f, p]),
+				m
+			] : g ? [
+				g,
+				u("span", { class: "dt-cell-main" }, [f, p]),
+				m
+			] : [
+				f,
+				p,
+				m
+			];
+			return u("div", {
+				class: [
+					"dt-cell",
+					`is-${o}`,
+					{
+						"is-numeric": ut(r.type),
+						"is-primary": r.primary,
+						"has-expand": h || !!g,
+						"is-pinned-start": n.pinned === "start",
+						"is-pinned-end": n.pinned === "end",
+						"is-pin-edge": n.pinEdge
+					}
+				],
+				style: {
+					...n.pinned === "start" ? { left: `var(${n.offsetVar})` } : n.pinned === "end" ? { right: `var(${n.offsetVar})` } : null,
+					...Dt(r, a)
+				},
+				role: "gridcell",
+				"data-col": n.id
+			}, _);
+		}, d = () => u("label", {
+			class: [
+				"dt-cell",
+				"dt-cell-select",
+				"is-pinned-start",
+				{ "is-pin-edge": e.selectEdge }
+			],
+			style: { left: "0px" },
+			role: "gridcell"
+		}, [u("input", {
+			type: "checkbox",
+			class: "dt-checkbox dt-select-box",
+			checked: e.selected,
+			tabindex: -1,
+			"aria-label": i("row.selectAria", { id: e.label }),
+			onClick: (n) => t("select", !e.selected, n.shiftKey)
+		})]), f = () => u("div", {
+			class: [
+				"dt-cell",
+				"dt-cell-menu",
+				"is-pinned-end",
+				{ "is-pin-edge": e.menuEdge }
+			],
+			style: { right: "0px" },
+			role: "gridcell"
+		}, [
+			e.error.length ? s() : null,
+			...fn(e.rowActions, e.row).map(c),
+			u(wn, {
+				row: e.row,
+				label: e.label,
+				primaryHeader: e.primaryHeader,
+				href: e.href,
+				actions: e.rowActions,
+				open: e.menuOpen,
+				"onUpdate:open": (e) => t("menu-open", e),
+				onOpen: (e) => t("open", e),
+				onCopy: () => t("copy")
+			})
+		]), p = (e) => {
+			n && !en(e.target, n) && (e.preventDefault(), t("menu-open", !0));
+		};
+		return () => u("div", {
+			ref: (e) => n = e,
+			class: ["dt-row", {
+				"is-focus": e.focused && e.keyboardFocus,
+				"is-selected": e.selected,
+				"is-expanded": e.expanded,
+				"is-error": e.error.length > 0
+			}],
+			role: "row",
+			"aria-rowindex": e.rowIndex,
+			"aria-describedby": e.error.length ? o() : void 0,
+			"data-dt-tip": e.error.length ? a() : void 0,
+			"aria-selected": e.selectable ? e.selected ? "true" : "false" : void 0,
+			tabindex: e.focused ? 0 : -1,
+			"data-index": e.index,
+			style: e.style,
+			onContextmenu: e.menu ? p : void 0
+		}, [
+			e.selectable ? d() : null,
+			...Dn(e.columns, l),
+			e.menu ? f() : null
+		]);
+	}
+}), En = () => u("div", {
+	class: "dt-cell dt-cell-fill",
+	role: "presentation",
+	"aria-hidden": "true"
+});
+function Dn(e, t) {
+	let n = e.findIndex((e) => e.pinned === "end"), r = n < 0 ? e.length : n;
+	return [
+		...e.slice(0, r).map(t),
+		En(),
+		...e.slice(r).map(t)
+	];
+}
+function On(e, t) {
+	let n = e;
+	for (let e of t.split(".")) {
+		if (n == null) return;
+		n = n[e];
+	}
+	return n;
+}
+//#endregion
+//#region src/core/grid/SkeletonRow.ts
+var kn = [
+	72,
+	58,
+	80,
+	64,
+	55,
+	76,
+	61,
+	69
+], An = l({
+	name: "DtSkeletonRow",
+	props: {
+		index: {
+			type: Number,
+			required: !0
+		},
+		columns: {
+			type: Array,
+			required: !0
+		},
+		style: {
+			type: Object,
+			default: void 0
+		},
+		gutter: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = () => u("div", {
+			class: "dt-cell dt-gutter is-pinned-start",
+			style: { left: "0px" },
+			role: "rowheader"
+		}, [u("span", {
+			class: "dt-sk dt-sk-bar",
+			style: { width: "24px" }
+		})]);
+		return () => u("div", {
+			class: "dt-row dt-row-skeleton",
+			role: "row",
+			"aria-hidden": "true",
+			style: e.style
+		}, [e.gutter ? t() : null, ...Dn(e.columns, (t) => {
+			let n = e.columns.indexOf(t), r = z[t.def.type].skeleton, i = `${kn[(e.index + n) % kn.length]}%`;
+			return u("div", {
+				class: [
+					"dt-cell",
+					`is-${dt(t.def)}`,
+					{
+						"is-pinned-start": t.pinned === "start",
+						"is-pinned-end": t.pinned === "end",
+						"is-pin-edge": t.pinEdge
+					}
+				],
+				style: t.pinned === "start" ? { left: `var(${t.offsetVar})` } : t.pinned === "end" ? { right: `var(${t.offsetVar})` } : void 0,
+				role: "gridcell"
+			}, r === "person" ? [u("span", { class: "dt-sk dt-sk-circle" }), u("span", {
+				class: "dt-sk dt-sk-bar",
+				style: { width: i }
+			})] : r === "badge" ? u("span", { class: "dt-sk dt-sk-pill" }) : r === "number" ? u("span", { class: "dt-sk dt-sk-bar dt-sk-num" }) : u("span", {
+				class: "dt-sk dt-sk-bar",
+				style: { width: i }
+			}));
+		})]);
+	}
+}), jn = 400;
+function Mn(e) {
+	let t = v(""), n = v({}), r = v(!1), i, a = null, o = (e) => {
+		let t = e?.closest("[data-dt-tip]");
+		if (t && t.dataset.dtTip) return {
+			el: t,
+			text: t.dataset.dtTip
+		};
+		let n = e?.closest(".dt-cell-content, .dt-head-label");
+		return n && n.scrollWidth > n.clientWidth + 1 ? {
+			el: n,
+			text: n.textContent?.trim() ?? ""
+		} : null;
+	}, s = () => {
+		clearTimeout(i), i = void 0, a = null, r.value = !1;
+	}, c = (e, i, a) => {
+		let o = e.getBoundingClientRect();
+		t.value = i;
+		let s = a !== void 0 && o.width > 320 ? a : o.left + o.width / 2;
+		n.value = {
+			left: `${Math.round(s)}px`,
+			top: `${Math.round(o.bottom + 6)}px`
+		}, r.value = !0;
+	}, l = (e) => {
+		let t = o(e.target);
+		if (!t || t.el === a) return;
+		s(), a = t.el;
+		let n = e.clientX;
+		i = setTimeout(() => c(t.el, t.text, n), jn);
+	}, u = (e) => {
+		a && !a.contains(e.relatedTarget) && s();
+	}, d = (e) => {
+		let t = o(e.target);
+		t && (s(), a = t.el, c(t.el, t.text));
+	};
+	return m(() => {
+		let t = e.value;
+		t && (t.addEventListener("mouseover", l), t.addEventListener("mouseout", u), t.addEventListener("focusin", d), t.addEventListener("focusout", s), t.addEventListener("scroll", s, !0), t.addEventListener("mousedown", s));
+	}), p(() => {
+		let t = e.value;
+		s(), t?.removeEventListener("mouseover", l), t?.removeEventListener("mouseout", u), t?.removeEventListener("focusin", d), t?.removeEventListener("focusout", s), t?.removeEventListener("scroll", s, !0), t?.removeEventListener("mousedown", s);
+	}), {
+		open: r,
+		text: t,
+		style: n,
+		hide: s
+	};
+}
+//#endregion
+//#region src/core/preferences/usePreferences.ts
+function Nn(e, t, n) {
+	let r = _({ ...n }), i = () => T(e), a = (e) => {
+		e && (e.density && (r.density = e.density), typeof e.verticalLines == "boolean" && (r.verticalLines = e.verticalLines), typeof e.pageSize == "number" && (r.pageSize = e.pageSize), "defaultViewId" in e && (r.defaultViewId = e.defaultViewId ?? null));
+	}, o = Promise.resolve();
+	if (t) {
+		let e = t.get(i());
+		e instanceof Promise ? o = e.then(a).catch(() => {}) : a(e);
+	}
+	let s = (e) => {
+		Object.assign(r, e), t && Promise.resolve(t.set(i(), e)).catch(() => {});
+	};
+	return {
+		prefs: r,
+		set: s,
+		reset: () => s({
+			density: n.density,
+			verticalLines: n.verticalLines,
+			pageSize: n.pageSize
+		}),
+		ready: o,
+		persistent: t !== null
+	};
+}
+//#endregion
+//#region src/core/states/StateMessage.vue?vue&type=script&setup=true&lang.ts
+var Pn = ["role"], Fn = {
+	class: "dt-state-icon",
+	"aria-hidden": "true"
+}, In = { class: "dt-state-title" }, Ln = {
+	key: 0,
+	class: "dt-state-actions"
+}, Rn = /* @__PURE__ */ l({
+	__name: "StateMessage",
+	props: {
+		kind: {},
+		title: {},
+		lines: {}
+	},
+	setup(e) {
+		let n = {
+			empty: ye,
+			noResults: he,
+			noResultsSearch: _e,
+			error: Se,
+			noRowsOnPage: me
+		}[e.kind];
+		return (s, c) => (g(), a("div", {
+			class: f(["dt-state", `is-${e.kind}`]),
+			role: e.kind === "error" ? "alert" : "status"
+		}, [
+			o("span", Fn, [(g(), r(x(E(n)), { size: 20 }))]),
+			o("strong", In, C(e.title), 1),
+			(g(!0), a(t, null, y(e.lines ?? [], (e) => (g(), a("p", {
+				key: e,
+				class: "dt-state-line"
+			}, C(e), 1))), 128)),
+			s.$slots.default ? (g(), a("div", Ln, [b(s.$slots, "default")])) : i("", !0),
+			b(s.$slots, "after")
+		], 10, Pn));
+	}
+}), zn = { class: "dt-input has-icon dt-pop-find" }, Bn = { class: "dt-input-icon" }, Vn = ["placeholder", "aria-label"], Hn = { class: "dt-pop-label" }, Un = { class: "dt-col-name" }, Wn = {
+	key: 0,
+	class: "dt-col-desc"
+}, Gn = { class: "dt-pop-label" }, Kn = { class: "dt-col-name" }, qn = {
+	key: 0,
+	class: "dt-col-desc"
+}, Jn = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], Yn = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], Xn = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], Zn = { class: "dt-pop-label" }, Qn = { class: "dt-col-name" }, $n = {
+	key: 0,
+	class: "dt-col-desc"
+}, er = ["aria-label", "onClick"], tr = { class: "dt-pop-foot" }, nr = /* @__PURE__ */ l({
+	__name: "ColumnsPanel",
+	props: { columns: {} },
+	emits: [
+		"column-visible",
+		"column-move",
+		"columns-all",
+		"columns-reset"
+	],
+	setup(r, { emit: l }) {
+		let u = r, d = l, { i18n: f } = e(), p = v(""), m = (e) => !p.value || e.def.header.toLocaleLowerCase().includes(p.value.toLocaleLowerCase()), h = n(() => u.columns.filter((e) => e.pinned && e.visible && m(e))), _ = n(() => u.columns.filter((e) => !e.pinned && e.visible && m(e))), b = n(() => u.columns.filter((e) => !e.visible && m(e)));
+		return (e, n) => (g(), a(t, null, [
+			o("label", zn, [o("span", Bn, [c(E(_e), {
+				size: 14,
+				"aria-hidden": "true"
+			})]), te(o("input", {
+				"onUpdate:modelValue": n[0] ||= (e) => p.value = e,
+				type: "search",
+				placeholder: E(f).t("columns.find"),
+				"aria-label": E(f).t("columns.find")
+			}, null, 8, Vn), [[ee, p.value]])]),
+			h.value.length ? (g(), a(t, { key: 0 }, [o("div", Hn, [s(C(E(f).t("columns.pinned")) + " ", 1), o("span", null, C(E(f).t("columns.alwaysShown")), 1)]), (g(!0), a(t, null, y(h.value, (e) => (g(), a("div", {
+				key: e.id,
+				class: "dt-col-row"
+			}, [o("span", Un, [o("span", null, C(e.def.header), 1), e.def.description ? (g(), a("span", Wn, C(e.def.description), 1)) : i("", !0)]), c(E(ge), {
+				size: 14,
+				class: "dt-col-lock",
+				"aria-hidden": "true"
+			})]))), 128))], 64)) : i("", !0),
+			o("div", Gn, [s(C(E(f).t("columns.shown")) + " ", 1), o("button", {
+				type: "button",
+				class: "dt-pop-action",
+				onClick: n[1] ||= (e) => d("columns-all", !1)
+			}, C(E(f).t("columns.hideAll")), 1)]),
+			(g(!0), a(t, null, y(_.value, (e, t) => (g(), a("div", {
+				key: e.id,
+				class: "dt-col-row"
+			}, [
+				o("span", Kn, [o("span", null, C(e.def.header), 1), e.def.description ? (g(), a("span", qn, C(e.def.description), 1)) : i("", !0)]),
+				o("button", {
+					type: "button",
+					class: "dt-icon-btn-xs",
+					disabled: t === 0,
+					"aria-label": E(f).t("columns.moveUp"),
+					onClick: (t) => d("column-move", e.id, -1)
+				}, [c(E(ae), {
+					size: 14,
+					"aria-hidden": "true"
+				})], 8, Jn),
+				o("button", {
+					type: "button",
+					class: "dt-icon-btn-xs",
+					disabled: t === _.value.length - 1,
+					"aria-label": E(f).t("columns.moveDown"),
+					onClick: (t) => d("column-move", e.id, 1)
+				}, [c(E(ie), {
+					size: 14,
+					"aria-hidden": "true"
+				})], 8, Yn),
+				o("button", {
+					type: "button",
+					class: "dt-icon-btn-sm",
+					disabled: !e.canHide,
+					"aria-label": E(f).t("header.hide"),
+					onClick: (t) => d("column-visible", e.id, !1)
+				}, [c(E(fe), {
+					size: 16,
+					"aria-hidden": "true"
+				})], 8, Xn)
+			]))), 128)),
+			o("div", Zn, [s(C(E(f).t("columns.hidden")) + " ", 1), o("button", {
+				type: "button",
+				class: "dt-pop-action",
+				onClick: n[2] ||= (e) => d("columns-all", !0)
+			}, C(E(f).t("columns.showAll")), 1)]),
+			(g(!0), a(t, null, y(b.value, (e) => (g(), a("div", {
+				key: e.id,
+				class: "dt-col-row is-hidden"
+			}, [o("span", Qn, [o("span", null, C(e.def.header), 1), e.def.description ? (g(), a("span", $n, C(e.def.description), 1)) : i("", !0)]), o("button", {
+				type: "button",
+				class: "dt-icon-btn-sm",
+				"aria-label": E(f).t("columns.shown"),
+				onClick: (t) => d("column-visible", e.id, !0)
+			}, [c(E(pe), {
+				size: 16,
+				"aria-hidden": "true"
+			})], 8, er)]))), 128)),
+			o("div", tr, [n[4] ||= o("span", null, null, -1), o("button", {
+				type: "button",
+				class: "dt-pop-action",
+				onClick: n[3] ||= (e) => d("columns-reset")
+			}, C(E(f).t("common.reset")), 1)])
+		], 64));
+	}
+}), rr = { class: "dt-head-sort-index" }, ir = { class: "dt-col-name" }, ar = ["onClick"], or = ["aria-label", "onClick"], sr = { class: "dt-pop-foot" }, cr = ["disabled"], lr = /* @__PURE__ */ l({
+	__name: "SortPanel",
+	props: {
+		sort: {},
+		headerOf: { type: Function }
+	},
+	emits: [
+		"sort-dir",
+		"sort-remove",
+		"sort-clear"
+	],
+	setup(n, { emit: i }) {
+		let l = i, { i18n: u } = e();
+		return (e, i) => (g(), a(t, null, [(g(!0), a(t, null, y(n.sort, (e, t) => (g(), a("div", {
+			key: e.column,
+			class: "dt-col-row dt-sort-row"
+		}, [
+			o("span", rr, C(t + 1), 1),
+			o("span", ir, C(n.headerOf(e.column)), 1),
+			o("button", {
+				type: "button",
+				class: "dt-btn dt-btn-xs has-icon",
+				onClick: (t) => l("sort-dir", e.column, e.dir === "asc" ? "desc" : "asc")
+			}, [(g(), r(x(e.dir === "asc" ? E(ae) : E(ie)), {
+				size: 12,
+				"aria-hidden": "true"
+			})), s(" " + C(E(u).t(e.dir === "asc" ? "sr.asc" : "sr.desc")), 1)], 8, ar),
+			o("button", {
+				type: "button",
+				class: "dt-icon-btn-sm",
+				"aria-label": E(u).t("header.clearSort"),
+				onClick: (t) => l("sort-remove", e.column)
+			}, [c(E(Ce), {
+				size: 14,
+				"aria-hidden": "true"
+			})], 8, or)
+		]))), 128)), o("div", sr, [o("span", null, C(E(u).t("sort.addHint")), 1), o("button", {
+			type: "button",
+			class: "dt-pop-action",
+			disabled: !n.sort.length,
+			onClick: i[0] ||= (e) => l("sort-clear")
+		}, C(E(u).t("header.clearSort")), 9, cr)])], 64));
+	}
+}), ur = ["aria-label", "data-dt-tip"], dr = { key: 0 }, fr = { class: "dt-pop-label" }, pr = { class: "dt-pop-value" }, mr = { class: "dt-pop-value" }, hr = { class: "dt-pop-item" }, gr = { class: "dt-pop-foot" }, _r = { class: "dt-pop-head" }, vr = ["aria-label"], yr = {
+	key: 0,
+	class: "dt-pop-value"
+}, br = /* @__PURE__ */ l({
+	__name: "DisplayPopover",
+	props: /*@__PURE__*/ d({
+		density: {},
+		verticalLines: { type: Boolean },
+		columns: {},
+		counts: {},
+		sort: {},
+		persistent: { type: Boolean },
+		iconOnly: { type: Boolean }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ d([
+		"update:density",
+		"update:verticalLines",
+		"column-visible",
+		"column-move",
+		"columns-all",
+		"columns-reset",
+		"sort-dir",
+		"sort-remove",
+		"sort-clear",
+		"reset"
+	], ["update:open"]),
+	setup(l, { emit: u }) {
+		let d = l, p = u, m = D(l, "open"), { i18n: h } = e(), _ = [
+			"comfortable",
+			"standard",
+			"compact"
+		], b = v("main");
+		O(m, (e) => {
+			e || (b.value = "main");
+		});
+		let x = (e) => d.columns.find((t) => t.id === e)?.def.header ?? e, S = n(() => {
+			let e = d.sort?.[0];
+			if (!e) return "—";
+			let t = d.sort.length > 1 ? ` +${d.sort.length - 1}` : "";
+			return `${x(e.column)} ${e.dir === "asc" ? "↑" : "↓"}${t}`;
+		});
+		return (e, n) => (g(), r(E(Ge), {
+			open: m.value,
+			"onUpdate:open": n[13] ||= (e) => m.value = e
+		}, {
+			default: k(() => [c(E(Ke), { "as-child": "" }, {
+				default: k(() => [o("button", {
+					type: "button",
+					class: f(["dt-btn has-icon", { "dt-btn-icon": l.iconOnly }]),
+					"aria-label": l.iconOnly ? E(h).t("toolbar.display") : void 0,
+					"data-dt-tip": l.iconOnly ? E(h).t("toolbar.display") : void 0
+				}, [c(E(be), {
+					size: 16,
+					"aria-hidden": "true"
+				}), l.iconOnly ? i("", !0) : (g(), a("span", dr, C(E(h).t("toolbar.display")), 1))], 10, ur)]),
+				_: 1
+			}), c(E(We), null, {
+				default: k(() => [c(E(Ue), {
+					class: f(["dt-pop dt-display", `is-${b.value}`]),
+					align: "end",
+					"side-offset": 4
+				}, {
+					default: k(() => [b.value === "main" ? (g(), a(t, { key: 0 }, [
+						o("div", fr, C(E(h).t("display.density")), 1),
+						c(E(Xe), {
+							class: "dt-seg dt-seg-sm dt-display-density",
+							type: "single",
+							"model-value": l.density,
+							"onUpdate:modelValue": n[0] ||= (e) => e && p("update:density", e)
+						}, {
+							default: k(() => [(g(), a(t, null, y(_, (e) => c(E(Ye), {
+								key: e,
+								class: "dt-seg-item",
+								value: e
+							}, {
+								default: k(() => [s(C(E(h).t(`display.${e}`)), 1)]),
+								_: 2
+							}, 1032, ["value"])), 64))]),
+							_: 1
+						}, 8, ["model-value"]),
+						n[14] ||= o("div", { class: "dt-pop-sep" }, null, -1),
+						o("button", {
+							type: "button",
+							class: "dt-pop-item",
+							onClick: n[1] ||= (e) => b.value = "columns"
+						}, [
+							s(C(E(h).t("display.columns")) + " ", 1),
+							o("span", pr, C(E(h).t("columns.shownOf", l.counts)), 1),
+							c(E(le), {
+								size: 14,
+								"aria-hidden": "true"
+							})
+						]),
+						l.sort ? (g(), a("button", {
+							key: 0,
+							type: "button",
+							class: "dt-pop-item",
+							onClick: n[2] ||= (e) => b.value = "sort"
+						}, [
+							s(C(E(h).t("display.sort")) + " ", 1),
+							o("span", mr, C(S.value), 1),
+							c(E(le), {
+								size: 14,
+								"aria-hidden": "true"
+							})
+						])) : i("", !0),
+						o("label", hr, [s(C(E(h).t("display.verticalLines")) + " ", 1), c(E(qe), {
+							class: "dt-switch dt-pop-end",
+							"model-value": l.verticalLines,
+							"onUpdate:modelValue": n[3] ||= (e) => p("update:verticalLines", e)
+						}, {
+							default: k(() => [c(E(Je), { class: "dt-switch-thumb" })]),
+							_: 1
+						}, 8, ["model-value"])]),
+						o("div", gr, [o("span", null, C(l.persistent ? E(h).t("display.savedForYou") : ""), 1), o("button", {
+							type: "button",
+							class: "dt-pop-action",
+							onClick: n[4] ||= (e) => p("reset")
+						}, C(E(h).t("common.reset")), 1)])
+					], 64)) : (g(), a(t, { key: 1 }, [o("div", _r, [
+						o("button", {
+							type: "button",
+							class: "dt-icon-btn-sm",
+							"aria-label": E(h).t("common.back"),
+							onClick: n[5] ||= (e) => b.value = "main"
+						}, [c(E(ce), {
+							size: 16,
+							"aria-hidden": "true"
+						})], 8, vr),
+						o("strong", null, C(E(h).t(b.value === "columns" ? "display.columns" : "display.sort")), 1),
+						b.value === "columns" ? (g(), a("span", yr, C(E(h).t("columns.shownOf", l.counts)), 1)) : i("", !0)
+					]), b.value === "columns" ? (g(), r(nr, {
+						key: 0,
+						columns: l.columns,
+						onColumnVisible: n[6] ||= (e, t) => p("column-visible", e, t),
+						onColumnMove: n[7] ||= (e, t) => p("column-move", e, t),
+						onColumnsAll: n[8] ||= (e) => p("columns-all", e),
+						onColumnsReset: n[9] ||= (e) => p("columns-reset")
+					}, null, 8, ["columns"])) : (g(), r(lr, {
+						key: 1,
+						sort: l.sort ?? [],
+						"header-of": x,
+						onSortDir: n[10] ||= (e, t) => p("sort-dir", e, t),
+						onSortRemove: n[11] ||= (e) => p("sort-remove", e),
+						onSortClear: n[12] ||= (e) => p("sort-clear")
+					}, null, 8, ["sort"]))], 64))]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), xr = { class: "dt-input-icon" }, Sr = [
+	"value",
+	"placeholder",
+	"aria-label"
+], Cr = { class: "dt-input-end" }, wr = ["aria-label"], Tr = {
+	key: 1,
+	class: "dt-kbd",
+	"aria-hidden": "true"
+}, Er = /* @__PURE__ */ l({
+	__name: "SearchBox",
+	props: {
+		modelValue: {},
+		placeholder: {},
+		collapsed: { type: Boolean },
+		kbd: {},
+		phone: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { expose: n, emit: s }) {
+		let l = t, u = s, { i18n: d } = e(), m = v(null), h = v(l.modelValue), _;
+		O(() => l.modelValue, (e) => h.value = e);
+		let y = (e, t = !1) => {
+			h.value = e, clearTimeout(_), t ? u("update:modelValue", e) : _ = setTimeout(() => u("update:modelValue", e), 250);
+		};
+		p(() => clearTimeout(_));
+		let b = (e) => {
+			e.key === "Escape" && (e.preventDefault(), h.value ? y("", !0) : m.value?.blur());
+		};
+		return n({ focus: () => m.value?.focus() }), (e, n) => (g(), a("label", { class: f(["dt-input dt-search has-icon", { "is-collapsed": t.collapsed && !h.value }]) }, [
+			o("span", xr, [c(E(_e), {
+				size: t.phone ? 18 : 16,
+				"aria-hidden": "true"
+			}, null, 8, ["size"])]),
+			o("input", {
+				ref_key: "input",
+				ref: m,
+				type: "search",
+				value: h.value,
+				placeholder: t.placeholder,
+				"aria-label": t.placeholder,
+				autocomplete: "off",
+				onInput: n[0] ||= (e) => y(e.target.value),
+				onKeydown: b
+			}, null, 40, Sr),
+			o("span", Cr, [h.value ? (g(), a("button", {
+				key: 0,
+				type: "button",
+				class: "dt-input-clear",
+				"aria-label": E(d).t("common.clear"),
+				onClick: n[1] ||= (e) => y("", !0)
+			}, [t.phone ? (g(), r(E(we), {
+				key: 0,
+				size: 20,
+				weight: "fill",
+				"aria-hidden": "true"
+			})) : (g(), r(E(Ce), {
+				key: 1,
+				size: 14,
+				"aria-hidden": "true"
+			}))], 8, wr)) : t.phone ? i("", !0) : (g(), a("kbd", Tr, C(t.kbd ?? "/"), 1))])
+		], 2));
+	}
+}), Dr = { class: "dt-dialog-actions" }, Or = /* @__PURE__ */ l({
+	__name: "ConfirmDialog",
+	props: /*@__PURE__*/ d({
+		title: {},
+		body: {},
+		confirmLabel: {},
+		cancelLabel: {},
+		danger: { type: Boolean }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ d(["confirm"], ["update:open"]),
+	setup(t, { emit: n }) {
+		let a = n, l = D(t, "open"), { i18n: u } = e(), d = () => {
+			a("confirm"), l.value = !1;
+		};
+		return (e, n) => (g(), r(E(Le), {
+			open: l.value,
+			"onUpdate:open": n[0] ||= (e) => l.value = e
+		}, {
+			default: k(() => [c(E(Ie), null, {
+				default: k(() => [c(E(Fe), { class: "dt-scrim" }), c(E(Ne), { class: "dt-dialog dt-dialog-confirm" }, {
+					default: k(() => [
+						c(E(Re), { class: "dt-dialog-title" }, {
+							default: k(() => [s(C(t.title), 1)]),
+							_: 1
+						}),
+						t.body ? (g(), r(E(Pe), {
+							key: 0,
+							class: "dt-dialog-body"
+						}, {
+							default: k(() => [s(C(t.body), 1)]),
+							_: 1
+						})) : i("", !0),
+						o("div", Dr, [c(E(Me), { class: "dt-btn" }, {
+							default: k(() => [s(C(t.cancelLabel ?? E(u).t("common.cancel")), 1)]),
+							_: 1
+						}), o("button", {
+							type: "button",
+							class: f(["dt-btn", t.danger ? "dt-btn-danger" : "dt-btn-primary"]),
+							onClick: d
+						}, C(t.confirmLabel), 3)])
+					]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), kr = (e) => e == null || e === "";
+function Ar(e, t) {
+	let n = (e, t) => {
+		let n = kr(e), r = kr(t);
+		return n && r ? 0 : n ? 1 : r ? -1 : null;
+	};
+	if (z[e.type].numeric || e.type === "boolean" || e.type === "star") return (e, t) => n(e, t) ?? Number(e) - Number(t);
+	if (e.type === "date" || e.type === "datetime") return (e, t) => n(e, t) ?? new Date(e).getTime() - new Date(t).getTime();
+	let r = nt(t).collator();
+	return (e, t) => n(e, t) ?? r.compare(String(e), String(t));
+}
+//#endregion
+//#region src/types/query.ts
+var jr = "@me";
+//#endregion
+export { nt as $, Ht as A, V as B, $t as C, Wt as D, tn as E, q as F, z as G, kt as H, Qt as I, pt as J, dt as K, Ut as L, Xt as M, Gt as N, Bt as O, zt as P, F as Q, Mt as R, $ as S, rn as T, vt as U, Dt as V, B as W, ot as X, ct as Y, rt as Z, an as _, br as a, on as b, Rn as c, An as d, N as et, Tn as f, ln as g, un as h, Er as i, Y as j, Vt as k, Nn as l, fn as m, Ar as n, lr as o, Dn as p, ut as q, Or as r, nr as s, jr as t, Mn as u, cn as v, en as w, sn as x, dn as y, wt as z };
+
+//# sourceMappingURL=query-DQWMlX0m.js.map