@materialui-reactjs/admin 1.0.6 → 2.0.1

package/dist/chunks/meta-4qPWijBT.js

@@ -1,758 +0,0 @@
-import { _ as e, b as t, d as n, o as r, t as i, v as a, y as o } from "./Common-BURf0rBN.js";
-import { i as s, t as c } from "./Validator-CXYkI7vJ.js";
-import { d as l, l as u, s as d, u as f } from "./HeaderUpdate-DuS-gHNR.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(l, {
-		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(l, {
-		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);
-								O((e) => ({
-									...e,
-									[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: l, 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 d(e, j?.filter || {}, c?.cUri, E);
-			M({
-				...j,
-				filter: t
-			});
-		} catch (e) {
-			console.log(e);
-		}
-	}, R = async (e) => {
-		e.preventDefault();
-		let t = u(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: l,
-						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 };