@materialui-reactjs/admin 1.0.4

package/dist/chunks/meta-k8MmuQjS.js

@@ -0,0 +1,758 @@
+import { _ as e, b as t, d as n, o as r, t as i, v as a, y as o } from "./Common-C_ZhT4L6.js";
+import { r as s, t as c } from "./Validator-DjZz2bJs.js";
+import { c as l, d as u, s as d, u as f } from "./HeaderUpdate-lrSYWsKp.js";
+import { useEffect as p, useLayoutEffect as m, useRef as h, useState as g } from "react";
+import _ from "react-select";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Modal as x } from "bootstrap";
+import { Form as S, Link as C, useNavigate as w } from "react-router-dom";
+import { Helmet as T } from "react-helmet-async";
+//#region src/components/meta/BtnGroup.tsx
+var E = ({ cUri: e, itemId: t, isEdit: n = !1, isDel: r = !1, onDelete: i }) => /* @__PURE__ */ b("div", {
+	className: "btn-group",
+	children: [n && /* @__PURE__ */ y(u, {
+		title: "Chỉnh sửa",
+		children: /* @__PURE__ */ y(C, {
+			to: e + "/edit/" + t,
+			className: "btn btn-sm btn-icon btn-info",
+			children: /* @__PURE__ */ y("i", {
+				className: "material-icons text-white position-relative text-lg",
+				children: "drive_file_rename_outline"
+			})
+		})
+	}), r && /* @__PURE__ */ y(u, {
+		title: "Xóa",
+		children: /* @__PURE__ */ y("button", {
+			type: "button",
+			onClick: () => i?.(t),
+			className: "btn btn-sm btn-icon btn-danger",
+			children: /* @__PURE__ */ y("i", {
+				className: "material-icons text-white position-relative text-lg",
+				children: "delete"
+			})
+		})
+	})]
+}), D = ({ modalRef: e, title: n, apiGetDetail: r, frmBody: a, onSubmit: o, onHide: l, itemId: u, setItemId: d, data: f, clsWidth: m = "xl", btnTxt: _ = "Lưu lại", style: v = {}, clsBody: C = "" }) => {
+	let w = h(null), [T, E] = g(), [D, O] = g();
+	p(() => {
+		if (!e.current) return;
+		E(x.getOrCreateInstance(e.current, {
+			backdrop: "static",
+			keyboard: !1
+		}));
+		let t = () => {
+			w?.current && new c(w?.current).run();
+		}, n = () => {
+			d && d(0), O({}), w?.current && new c(w?.current).destroy();
+		};
+		return e.current.addEventListener("shown.bs.modal", t), e.current.addEventListener("hidden.bs.modal", n), () => {
+			e.current?.removeEventListener("shown.bs.modal", t), e.current?.removeEventListener("hidden.bs.modal", n);
+		};
+	}, []), p(() => {
+		u && (async () => {
+			try {
+				if (!r) return;
+				w.current && t(w.current, !0);
+				let e = (await i(r + "/" + u, {}, "GET", "application/json", !1))?.data;
+				w.current && t(w.current, !1), O(e);
+			} catch (e) {
+				console.log(e);
+			}
+		})();
+	}, [u]), p(() => {
+		f && O(f);
+	}, [f]);
+	let k = (e) => {
+		e.preventDefault(), document.activeElement?.blur(), T?.hide(), l && l();
+	};
+	return /* @__PURE__ */ y("div", {
+		ref: e,
+		className: "modal fade p-0 mx-auto",
+		tabIndex: -1,
+		"data-bs-backdrop": "static",
+		"data-bs-keyboard": "false",
+		children: /* @__PURE__ */ y("div", {
+			className: `modal-dialog modal-${m}`,
+			style: v,
+			children: /* @__PURE__ */ y("div", {
+				className: "modal-content",
+				children: /* @__PURE__ */ b(S, {
+					ref: w,
+					className: "position-relative",
+					encType: "multipart/form-data",
+					"data-toggle": "validator",
+					role: "form",
+					method: "POST",
+					onSubmit: async (e) => {
+						if (e.preventDefault(), !w?.current) return;
+						let t = new c(w?.current);
+						!t.hasErrors() && !t.isIncomplete() && T && o(D, T, O);
+					},
+					children: [
+						/* @__PURE__ */ b("div", {
+							className: "modal-header py-3",
+							children: [/* @__PURE__ */ y("h5", {
+								className: "modal-title",
+								children: n
+							}), /* @__PURE__ */ y("button", {
+								type: "button",
+								className: "btn-close btn-md-close",
+								onClick: k,
+								children: /* @__PURE__ */ y("span", {
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ y("i", {
+										className: "fal fa-times",
+										style: { fontSize: "1rem" }
+									})
+								})
+							})]
+						}),
+						/* @__PURE__ */ y("div", {
+							className: `modal-body rounded-bottom pb-0 ${C}`,
+							style: { overflowY: "auto" },
+							children: a(D, async (e) => {
+								let { name: t, value: n } = s(e, D);
+								O({
+									...D,
+									[t]: n
+								});
+							})
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "modal-footer d-flex justify-content-center",
+							children: [/* @__PURE__ */ y("button", {
+								type: "button",
+								className: "btn btn-secondary btn-md-close",
+								"data-bs-original-title": "reply",
+								onClick: k,
+								children: "Hủy"
+							}), /* @__PURE__ */ y("button", {
+								type: "submit",
+								className: "btn btn-success",
+								"data-bs-original-title": "save",
+								children: _
+							})]
+						})
+					]
+				})
+			})
+		})
+	});
+}, O = ({ header: e, data: t, numOfFirst: n = 0, numOfLast: r = 0, columnWidth: i = 200, ...a }) => {
+	let o = h(null), [s, c] = g(0), [l, u] = g(0), [d, f] = g(!1), [m, _] = g(!1), v = (e, t, n, r) => e < n ? { position: "left" } : e >= t - r ? { position: "right" } : { position: "none" };
+	p(() => {
+		let e = o.current;
+		if (!e) return;
+		let t = () => {
+			c(e.scrollLeft), u(e.scrollWidth - e.offsetWidth);
+		};
+		return t(), e.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
+			e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
+		};
+	}, []), p(() => {
+		let e = s > 5, t = s < l - 5;
+		f(e), _(t);
+	}, [s, l]);
+	let x = (e) => {
+		o.current && (o.current.scrollLeft += e.deltaY);
+	}, S = (e) => {
+		o.current && o.current.scrollBy({
+			left: e ? 150 : -150,
+			behavior: "smooth"
+		});
+	}, C = (t) => e[t]?.width ?? i, w = e.slice(0, n).reduce((e, t, n) => e + C(n), 0) || 0, T = e.slice(e.length - r).reduce((t, n, i) => t + C(e.length - r + i), 0) || 0;
+	return /* @__PURE__ */ b("div", {
+		className: "scroll-table-group",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: `fade-overlay fade-left ${d ? "fade-visible" : "fade-hidden"}`,
+				style: { left: `${w}px` }
+			}),
+			/* @__PURE__ */ y("div", {
+				className: `fade-overlay fade-right ${m ? "fade-visible" : "fade-hidden"}`,
+				style: { right: `${T}px` }
+			}),
+			d && /* @__PURE__ */ y("button", {
+				title: "Phải",
+				className: "scroll-btn left-btn",
+				onClick: () => S(!1),
+				style: { left: `${w}px` },
+				children: /* @__PURE__ */ y("i", { className: "fa-solid fa-chevron-left" })
+			}),
+			m && /* @__PURE__ */ y("button", {
+				title: "Trái",
+				className: "scroll-btn right-btn",
+				onClick: () => S(!0),
+				style: { right: `${T}px` },
+				children: /* @__PURE__ */ y("i", { className: "fa-solid fa-chevron-right" })
+			}),
+			/* @__PURE__ */ y("div", {
+				ref: o,
+				onWheel: x,
+				className: "table-container",
+				children: /* @__PURE__ */ b("table", {
+					className: "custom-table",
+					...a,
+					children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ y("tr", {
+						className: "text-center",
+						children: e.map((t, a) => {
+							let { position: o } = v(a, e.length, n, r), s = t.width ?? i, c = {
+								left: o === "left" ? `${e.slice(0, a).reduce((e, t, n) => e + C(n), 0)}px` : void 0,
+								right: o === "right" ? `${e.slice(a + 1).reduce((e, t, n) => e + C(a + 1 + n), 0)}px` : void 0,
+								minWidth: `${s}px`
+							};
+							return /* @__PURE__ */ y("th", {
+								style: c,
+								className: `custom-th ${o === "none" ? "" : "sticky-col"} ${t.thClassName ?? ""}`,
+								children: t.label
+							}, a);
+						})
+					}) }), /* @__PURE__ */ b("tbody", { children: [t.map((t, a) => /* @__PURE__ */ y("tr", {
+						className: "custom-tr",
+						children: e.map((a, o) => {
+							let s = Object.values(t)[o], { position: c } = v(o, e.length, n, r), l = a.width ?? i, u = {
+								left: c === "left" ? `${e.slice(0, o).reduce((e, t, n) => e + C(n), 0)}px` : void 0,
+								right: c === "right" ? `${e.slice(o + 1).reduce((e, t, n) => e + C(o + 1 + n), 0)}px` : void 0,
+								minWidth: `${l}px`
+							};
+							return /* @__PURE__ */ y("td", {
+								style: u,
+								className: `custom-td ${c === "none" ? "" : "sticky-col"} ${a.tdClassName ?? ""}`,
+								children: s
+							}, o);
+						})
+					}, a)), t.length ? "" : /* @__PURE__ */ y("tr", {
+						className: "text-center",
+						children: /* @__PURE__ */ y("td", {
+							className: "px-3 pt-2",
+							colSpan: 20,
+							children: /* @__PURE__ */ y("p", { children: "Không có dữ liệu" })
+						})
+					})] })]
+				})
+			})
+		]
+	});
+}, k = (e, t) => {
+	t(e);
+	let n = e.currentTarget.closest(".input-group-outline");
+	e.currentTarget.value.trim() === "" ? n?.classList.remove("is-filled") : n?.classList.add("is-filled");
+}, A = (e) => {
+	e.preventDefault(), e.currentTarget.closest(".input-group-outline")?.classList.add("is-focused");
+}, j = (e) => {
+	e.preventDefault(), e.currentTarget.closest(".input-group-outline")?.classList.remove("is-focused");
+}, M = ({ label: e, name: t, value: n = "", required: r = !1, disabled: i = !1, readonly: a = !1, cpnClass: o = "", minLength: s = 0, maxLength: c = 255, onChange: l, style: u = {} }) => {
+	let d = h(null);
+	return p(() => {
+		document.activeElement !== d.current && l && l({
+			target: {
+				name: t,
+				value: n
+			},
+			preventDefault: () => {}
+		});
+	}, [n]), /* @__PURE__ */ y("div", {
+		className: "form-group " + (o ?? ""),
+		children: /* @__PURE__ */ b("div", {
+			className: `input-group input-group-outline ${n ? "is-filled" : ""}`,
+			children: [/* @__PURE__ */ y("div", {
+				className: "form-label",
+				children: e + (r ? " *" : "")
+			}), /* @__PURE__ */ y("input", {
+				style: u,
+				name: t,
+				placeholder: "",
+				readOnly: a,
+				disabled: i,
+				required: r,
+				minLength: s,
+				maxLength: c,
+				"data-required-error": "Vui lòng nhập dữ liệu",
+				"data-error": "Dữ liệu không hợp lệ",
+				className: "form-control",
+				value: n,
+				onChange: (e) => k(e, l),
+				onFocus: A,
+				onBlur: j
+			})]
+		})
+	});
+}, N = (e, t) => e.find((e) => e.value === t) || null, P = (e, t, n, r, i) => {
+	let a = [];
+	r && a.push({
+		value: -1,
+		label: "Tất cả"
+	}), i && a.push({
+		value: 0,
+		label: "Không có"
+	});
+	let o = Array.isArray(e) ? e.map((e) => ({
+		value: e[t],
+		label: e[n]
+	})) : [];
+	return [...a, ...o];
+}, F = ({ label: e, name: t, lists: n = [], keyValue: r = "id", keyName: i = "name", value: a = "", cpnClass: o = "", required: s = !1, disabled: c = !1, all: l = !1, zero: u = !1, onChange: d, style: f = {} }) => {
+	let [m, v] = g([]);
+	p(() => {
+		v(P(n, r, i, l, u));
+	}, [n]);
+	let x = h(!1);
+	p(() => {
+		x.current || m.length && (x.current = !0, d?.({
+			target: {
+				name: t,
+				value: a
+			},
+			preventDefault: () => {}
+		}));
+	}, [m]);
+	let S = (e) => {
+		d && d({
+			target: {
+				name: t,
+				value: e
+			},
+			preventDefault: () => {}
+		});
+	}, C = h(null);
+	return p(() => {
+		let e = C.current?.querySelector(`input[name="${t}"][required]`);
+		e && e.setCustomValidity(a ? "" : "Vui lòng nhập dữ liệu");
+	}, [
+		a,
+		t,
+		s
+	]), /* @__PURE__ */ y("div", {
+		ref: C,
+		className: "form-group box-select " + (o ?? ""),
+		style: f,
+		children: /* @__PURE__ */ b("div", {
+			className: "input-group input-group-outline is-filled",
+			children: [/* @__PURE__ */ y("span", {
+				className: "form-label",
+				children: e + (s ? " *" : "")
+			}), /* @__PURE__ */ y(_, {
+				menuPortalTarget: document.body,
+				styles: { menuPortal: (e) => ({
+					...e,
+					zIndex: 99999
+				}) },
+				classNamePrefix: "react-select",
+				placeholder: "Chọn",
+				name: t,
+				options: m,
+				value: N(m, a),
+				onChange: (e) => S(e?.value),
+				noOptionsMessage: () => "Không có dữ liệu",
+				isDisabled: c,
+				required: s,
+				"data-required-error": "Vui lòng nhập dữ liệu",
+				"data-error": "Dữ liệu không hợp lệ",
+				className: "form-control"
+			})]
+		})
+	});
+}, I = ({ ftfield: e, service: t, options: n, filter: r, handleChange: i, handleSearchForm: a }) => {
+	let o = Array.isArray(e) ? e : [];
+	return /* @__PURE__ */ b(S, {
+		className: "d-flex align-items-center",
+		onSubmit: a,
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "mb-3 me-3",
+				children: "Tìm kiếm"
+			}),
+			/* @__PURE__ */ y("div", {
+				className: `row grid-space-16 row-cols-${o.length} flex-1`,
+				children: o.map((e, a) => {
+					let o = t.ftFields(e);
+					switch (o.type) {
+						case "text": return /* @__PURE__ */ y(M, {
+							style: { minWidth: 100 },
+							label: t.fieldName(e),
+							name: e,
+							cpnClass: "mb-3 col",
+							value: r?.field ?? "",
+							onChange: i
+						}, a);
+						case "select": {
+							let s = typeof o.option == "string" ? n?.[o.option] ?? [] : o.option, c = o.keyName || "name";
+							return /* @__PURE__ */ y(F, {
+								style: { minWidth: 100 },
+								label: t.fieldName(e),
+								name: e,
+								lists: s,
+								keyName: c,
+								cpnClass: "mb-3 col",
+								all: !0,
+								value: r?.field ?? -1,
+								onChange: i
+							}, a);
+						}
+						default: return "";
+					}
+				})
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "mb-3 ms-3",
+				children: /* @__PURE__ */ y("button", {
+					title: "Tìm kiếm",
+					type: "submit",
+					className: "btn btn-primary",
+					children: "Tìm"
+				})
+			})
+		]
+	});
+}, L = ({ frmBody: n, service: s, apiOption: c, options: u, tbOption: m, roleOption: _, clsWidth: S = "xl", btnTxt: C = "Lưu lại" }) => {
+	let T = h(null), E = w(), [k, A] = g(0), [j, M] = g({
+		items: [],
+		page: 1,
+		filter: {},
+		length: 10,
+		pageTotal: 0,
+		recordTotal: 0
+	}), N = h(!1);
+	p(() => {
+		N.current || (N.current = !0, P());
+	}, []);
+	let P = async () => {
+		try {
+			let e = c.filter || {}, t = j.filter || {}, n = await i(c.apiGetData, {
+				...t,
+				...e
+			}, "GET"), r = n ? n.data : j;
+			r.filter ||= {
+				...t,
+				...e
+			}, M({ ...r });
+		} catch (e) {
+			console.log(e);
+		}
+	}, F = (e) => {
+		if (!T.current) return;
+		let t = x.getOrCreateInstance(T?.current, {
+			backdrop: "static",
+			keyboard: !1
+		});
+		A(e), t.show();
+	}, L = async (e) => {
+		try {
+			e.preventDefault();
+			let t = await l(e, j?.filter || {}, c?.cUri, E);
+			M({
+				...j,
+				filter: t
+			});
+		} catch (e) {
+			console.log(e);
+		}
+	}, R = async (e) => {
+		e.preventDefault();
+		let t = d(e, j?.filter || {});
+		M({
+			...j,
+			filter: t
+		});
+	}, z = async (e) => {
+		e.preventDefault(), await P();
+	}, B = async (e, n) => {
+		try {
+			T?.current && t(T?.current, !0), e = {
+				...e,
+				...c.formData
+			};
+			let r = e.id, a = r ? c.apiEdit + "/" + r : c.apiCreate, s = await i(a, e, "POST");
+			o(r ? "Cập nhật thành công" : "Thêm mới thành công", "top-end", !0), s?.data?.id && (await P(), document.activeElement?.blur(), n.hide());
+		} catch (e) {
+			a(e.message);
+		} finally {
+			T?.current && t(T?.current, !1);
+		}
+	}, V = async (t) => {
+		try {
+			if (!(await e()).isConfirmed) return;
+			await i(`${c.apiDelete}/${t}`, {}, "GET"), o("Xoá thành công!", "top-end", !0), await P();
+		} catch (e) {
+			a(e.message);
+		}
+	}, H = [], U = m.numOfLast - 1;
+	H.push({
+		label: "STT",
+		width: 50,
+		tdClassName: "text-center px-0"
+	});
+	for (let e of m.tbfield) {
+		let t = s.tbFields(e);
+		H.push({
+			label: s.fieldName(e),
+			width: t?.width || 150,
+			tdClassName: t?.tdClassName || "text-start"
+		});
+	}
+	(_?.isDelOne || _?.isEdit) && (U += 1, H.push({
+		label: "Thao tác",
+		width: 100,
+		align: "center",
+		thClassName: "p-0",
+		tdClassName: "text-center"
+	}));
+	let W = j?.items?.length ? j?.items.map((e, t) => {
+		let n = {};
+		n.stt = t + 1;
+		for (let t of m.tbfield) {
+			let i = s.tbFields(t);
+			switch (i.type) {
+				case "number":
+					n[t] = e[t]?.toLocaleString("vi-VN");
+					break;
+				case "selecthtml": {
+					let r = i?.func;
+					n[t] = /* @__PURE__ */ y("span", { dangerouslySetInnerHTML: { __html: r ? r(e[t], !0) : e[t] } });
+					break;
+				}
+				case "select": {
+					let r = i?.func;
+					n[t] = r ? r(e[t], !0) : e[t];
+					break;
+				}
+				case "date":
+					n[t] = r(e[t]);
+					break;
+				default: n[t] = e[t];
+			}
+		}
+		return (_?.isDelOne || _?.isEdit) && (n.action = /* @__PURE__ */ b("div", {
+			className: "btn-group",
+			children: [/* @__PURE__ */ y("button", {
+				title: "Chỉnh sửa",
+				type: "button",
+				onClick: () => F(e.id),
+				className: "btn btn-sm btn-icon btn-info",
+				children: /* @__PURE__ */ y("i", {
+					className: "material-icons text-white position-relative text-lg",
+					children: "drive_file_rename_outline"
+				})
+			}), /* @__PURE__ */ y("button", {
+				title: "Xóa",
+				type: "button",
+				onClick: () => V(e.id),
+				className: "btn btn-sm btn-icon btn-danger",
+				children: /* @__PURE__ */ y("i", {
+					className: "material-icons text-white position-relative text-lg",
+					children: "delete"
+				})
+			})]
+		})), n;
+	}) : [];
+	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b("div", {
+		className: "card mb-20",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "card-header flex-auto col-auto d-flex align-items-center",
+				children: [/* @__PURE__ */ y("h3", {
+					className: "card-title",
+					children: m.title
+				}), _?.isCre && /* @__PURE__ */ y("button", {
+					type: "button",
+					title: "Thêm mới",
+					className: "btn btn-success btn-sm btn-icon ms-auto",
+					onClick: () => F(0),
+					children: /* @__PURE__ */ y("i", {
+						className: "material-icons text-white position-relative text-lg",
+						children: "add"
+					})
+				})]
+			}),
+			/* @__PURE__ */ y("hr", { className: "m-0" }),
+			/* @__PURE__ */ b("div", {
+				className: "card-body",
+				children: [
+					/* @__PURE__ */ y(I, {
+						ftfield: m.ftfield,
+						service: s,
+						options: u,
+						filter: j?.filter || {},
+						handleChange: R,
+						handleSearchForm: z
+					}),
+					/* @__PURE__ */ y(O, {
+						header: H,
+						data: W,
+						numOfFirst: m.numOfFirst,
+						numOfLast: U,
+						columnWidth: m.columnWidth
+					}),
+					j.items.length ? /* @__PURE__ */ y(f, {
+						data: j,
+						onChange: R,
+						onClickPage: L
+					}) : ""
+				]
+			})
+		]
+	}), /* @__PURE__ */ y(D, {
+		title: "Thêm mới",
+		modalRef: T,
+		frmBody: n,
+		clsWidth: S,
+		onSubmit: B,
+		btnTxt: C,
+		itemId: k,
+		setItemId: A,
+		apiGetDetail: c.apiGetDetail
+	})] });
+}, R = ({ id: e, title: t = "Hình ảnh", clsWidth: n = "xl", elId: r }) => /* @__PURE__ */ y(v, { children: /* @__PURE__ */ y("div", {
+	id: e,
+	className: "modal fade p-0 mx-auto",
+	"data-bs-backdrop": "static",
+	"data-bs-keyboard": "false",
+	children: /* @__PURE__ */ y("div", {
+		className: `modal-dialog modal-dialog-scrollable modal-${n}`,
+		children: /* @__PURE__ */ b("div", {
+			className: "modal-content",
+			children: [/* @__PURE__ */ b("div", {
+				className: "modal-header py-3",
+				children: [/* @__PURE__ */ y("h5", {
+					className: "modal-title",
+					children: t
+				}), /* @__PURE__ */ y("button", {
+					type: "button",
+					className: "btn-close btn-md-close",
+					children: /* @__PURE__ */ y("span", {
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ y("i", {
+							className: "fal fa-times",
+							style: { fontSize: "1rem" }
+						})
+					})
+				})]
+			}), /* @__PURE__ */ y("div", {
+				className: "modal-body rounded-bottom pb-0",
+				children: /* @__PURE__ */ y("div", {
+					id: r,
+					style: { height: "500px" }
+				})
+			})]
+		})
+	})
+}) }), z = ({ config: e }) => /* @__PURE__ */ y(v, { children: /* @__PURE__ */ b(T, { children: [
+	/* @__PURE__ */ y("title", { children: e?.name }),
+	/* @__PURE__ */ y("link", {
+		rel: "shortcut icon",
+		href: n(e?.favicon || "/styles/favicon.ico"),
+		type: "image/x-icon"
+	}),
+	/* @__PURE__ */ y("link", {
+		rel: "canonical",
+		href: "/"
+	}),
+	/* @__PURE__ */ y("link", {
+		rel: "apple-touch-icon",
+		href: n(e?.logotext || "/styles/logotext.png")
+	}),
+	/* @__PURE__ */ y("link", {
+		rel: "stylesheet",
+		type: "text/css",
+		href: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700"
+	})
+] }) });
+//#endregion
+//#region src/components/meta/Navtabs.tsx
+function B({ tabs: e, onChange: t }) {
+	let n = h(null), r = h(null), i = h([]), [a, o] = g(e[0]?.key), s = (e) => {
+		let t = r.current, a = i.current[e], o = n.current;
+		if (!t || !a || !o) return;
+		let s = o.getBoundingClientRect(), c = a.getBoundingClientRect(), l = c.left - s.left;
+		t.style.width = `${c.width}px`, t.style.transform = `translate3d(${l}px, 0, 0)`;
+	};
+	m(() => {
+		if (!e.length) return;
+		let t = e.findIndex((e) => e.key === a), n = t === -1 ? 0 : t;
+		o(e[n].key), s(n);
+	}, [e]), m(() => {
+		let t = e.findIndex((e) => e.key === a);
+		t !== -1 && s(t);
+	}, [a]), p(() => {
+		if (!n.current) return;
+		let t = () => {
+			let t = e.findIndex((e) => e.key === a);
+			t !== -1 && s(t);
+		};
+		window.addEventListener("resize", t);
+		let r = new ResizeObserver(t);
+		return r.observe(n.current), () => {
+			window.removeEventListener("resize", t), r.disconnect();
+		};
+	}, [a, e]);
+	let c = (e) => {
+		o(e), t?.(e);
+	};
+	return /* @__PURE__ */ y("div", {
+		className: "nav-wrapper position-relative",
+		children: /* @__PURE__ */ b("ul", {
+			ref: n,
+			className: "nav nav-pills nav-fill p-1 position-relative",
+			children: [/* @__PURE__ */ y("div", {
+				ref: r,
+				className: "moving-tab position-absolute nav-link",
+				style: {
+					padding: 0,
+					top: "0.25rem",
+					left: 0,
+					pointerEvents: "none",
+					transition: "transform 0.5s ease, width 0.5s ease",
+					willChange: "transform, width",
+					zIndex: 1
+				},
+				children: /* @__PURE__ */ y("div", {
+					className: "nav-link mb-0 px-0 py-2 cursor-pointer active",
+					children: e.find((e) => e.key === a)?.label
+				})
+			}), e.map((e, t) => /* @__PURE__ */ y("li", {
+				ref: (e) => {
+					e && (i.current[t] = e);
+				},
+				className: "nav-item",
+				children: /* @__PURE__ */ y("div", {
+					className: `nav-link cursor-pointer align-middle ${a === e.key ? "active" : ""}`,
+					onClick: () => c(e.key),
+					style: {
+						position: "relative",
+						zIndex: 2
+					},
+					children: /* @__PURE__ */ b("div", {
+						className: "d-flex align-items-center justify-content-center",
+						children: [e.icon && /* @__PURE__ */ y("i", {
+							className: "material-icons text-md position-relative line-height-1 me-1",
+							style: { top: 0 },
+							children: e.icon
+						}), e.label]
+					})
+				})
+			}, e.key))]
+		})
+	});
+}
+//#endregion
+//#region src/components/meta/PDFEmbed.tsx
+function V({ src: e, title: t = "PDF Viewer", fullWidth: n = !0, fullHeight: r = !0, className: i = "", style: a = {} }) {
+	let o = {
+		width: n ? "100%" : "auto",
+		height: r ? "100vh" : "600px",
+		border: "none",
+		...a
+	};
+	return /* @__PURE__ */ y("div", {
+		className: `w-full h-full ${i}`,
+		style: { position: "relative" },
+		children: /* @__PURE__ */ y("iframe", {
+			src: e,
+			title: t,
+			style: o,
+			allow: "fullscreen"
+		})
+	});
+}
+//#endregion
+export { L as a, D as c, R as i, E as l, B as n, I as o, z as r, O as s, V as t };