@materialui-reactjs/admin 1.0.6 → 2.0.1

package/dist/meta-CheDAmMh.js

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