@stll/folio-react 0.6.0 → 0.8.0

package/dist/FootnotePropertiesDialog-CixRdIiT.js

@@ -0,0 +1,822 @@
+import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
+import { c } from "react-compiler-runtime";
+import { useId, useState } from "react";
+import { useTranslations } from "use-intl";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/dialogs/FootnotePropertiesDialog.tsx
+/**
+* Footnote & Endnote Properties Dialog
+*
+* Edits position, numbering format, start number, and restart rules.
+*/
+var FootnotePropertiesDialog_exports = /* @__PURE__ */ __exportAll({ FootnotePropertiesDialog: () => FootnotePropertiesDialog });
+const numberFormatOptions = [
+	{
+		value: "decimal",
+		labelKey: "dialogs.footnoteProperties.formats.decimal"
+	},
+	{
+		value: "lowerRoman",
+		labelKey: "dialogs.footnoteProperties.formats.lowerRoman"
+	},
+	{
+		value: "upperRoman",
+		labelKey: "dialogs.footnoteProperties.formats.upperRoman"
+	},
+	{
+		value: "lowerLetter",
+		labelKey: "dialogs.footnoteProperties.formats.lowerAlpha"
+	},
+	{
+		value: "upperLetter",
+		labelKey: "dialogs.footnoteProperties.formats.upperAlpha"
+	},
+	{
+		value: "chicago",
+		labelKey: "dialogs.footnoteProperties.formats.symbols"
+	}
+];
+function FootnotePropertiesDialog(t0) {
+	const $ = c(220);
+	const { isOpen, onClose, onApply, footnotePr, endnotePr } = t0;
+	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
+	const handleOpenChange = useCloseOnDialogOpenChange(onClose);
+	const t = useTranslations("folio");
+	const id = useId();
+	const [fnPosition, setFnPosition] = useState(footnotePr?.position ?? "pageBottom");
+	const [fnNumFmt, setFnNumFmt] = useState(footnotePr?.numFmt ?? "decimal");
+	const [fnNumStart, setFnNumStart] = useState(footnotePr?.numStart ?? 1);
+	const [fnRestart, setFnRestart] = useState(footnotePr?.numRestart ?? "continuous");
+	const [enPosition, setEnPosition] = useState(endnotePr?.position ?? "docEnd");
+	const [enNumFmt, setEnNumFmt] = useState(endnotePr?.numFmt ?? "lowerRoman");
+	const [enNumStart, setEnNumStart] = useState(endnotePr?.numStart ?? 1);
+	const [enRestart, setEnRestart] = useState(endnotePr?.numRestart ?? "continuous");
+	let t1;
+	if ($[0] !== enNumFmt || $[1] !== enNumStart || $[2] !== enPosition || $[3] !== enRestart || $[4] !== fnNumFmt || $[5] !== fnNumStart || $[6] !== fnPosition || $[7] !== fnRestart || $[8] !== onApply || $[9] !== onClose) {
+		t1 = () => {
+			onApply({
+				position: fnPosition,
+				numFmt: fnNumFmt,
+				numStart: fnNumStart,
+				numRestart: fnRestart
+			}, {
+				position: enPosition,
+				numFmt: enNumFmt,
+				numStart: enNumStart,
+				numRestart: enRestart
+			});
+			onClose();
+		};
+		$[0] = enNumFmt;
+		$[1] = enNumStart;
+		$[2] = enPosition;
+		$[3] = enRestart;
+		$[4] = fnNumFmt;
+		$[5] = fnNumStart;
+		$[6] = fnPosition;
+		$[7] = fnRestart;
+		$[8] = onApply;
+		$[9] = onClose;
+		$[10] = t1;
+	} else t1 = $[10];
+	const handleApply = t1;
+	const t2 = `${id}-fn-position`;
+	const t3 = `${id}-fn-num-fmt`;
+	const t4 = `${id}-fn-start-at`;
+	const t5 = `${id}-fn-numbering`;
+	const t6 = `${id}-en-position`;
+	const t7 = `${id}-en-num-fmt`;
+	const t8 = `${id}-en-start-at`;
+	const t9 = `${id}-en-numbering`;
+	let t10;
+	if ($[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5 || $[15] !== t6 || $[16] !== t7 || $[17] !== t8 || $[18] !== t9) {
+		t10 = {
+			fnPosition: t2,
+			fnNumFmt: t3,
+			fnStartAt: t4,
+			fnNumbering: t5,
+			enPosition: t6,
+			enNumFmt: t7,
+			enStartAt: t8,
+			enNumbering: t9
+		};
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	const fieldIds = t10;
+	let t11;
+	if ($[20] !== DialogBackdrop) {
+		t11 = /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 z-[10000] bg-black/50" });
+		$[20] = DialogBackdrop;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== t) {
+		t12 = t("dialogs.footnoteProperties.title");
+		$[22] = t;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== DialogTitle || $[25] !== t12) {
+		t13 = /* @__PURE__ */ jsx(DialogTitle, {
+			className: "border-b px-5 py-3 text-base font-semibold",
+			children: t12
+		});
+		$[24] = DialogTitle;
+		$[25] = t12;
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] !== t) {
+		t14 = t("dialogs.footnoteProperties.footnotes");
+		$[27] = t;
+		$[28] = t14;
+	} else t14 = $[28];
+	let t15;
+	if ($[29] !== t14) {
+		t15 = /* @__PURE__ */ jsx("h4", {
+			className: "mb-2 text-sm font-semibold",
+			children: t14
+		});
+		$[29] = t14;
+		$[30] = t15;
+	} else t15 = $[30];
+	const t16 = fieldIds.fnPosition;
+	let t17;
+	if ($[31] !== t) {
+		t17 = t("dialogs.footnoteProperties.position");
+		$[31] = t;
+		$[32] = t17;
+	} else t17 = $[32];
+	let t18;
+	if ($[33] !== fieldIds.fnPosition || $[34] !== t17) {
+		t18 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t16,
+			className: "block text-muted-foreground mb-1 text-xs",
+			children: t17
+		});
+		$[33] = fieldIds.fnPosition;
+		$[34] = t17;
+		$[35] = t18;
+	} else t18 = $[35];
+	const t19 = fieldIds.fnPosition;
+	let t20;
+	if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = (e) => setFnPosition(e.target.value);
+		$[36] = t20;
+	} else t20 = $[36];
+	let t21;
+	if ($[37] !== t) {
+		t21 = t("dialogs.footnoteProperties.footnotePositions.bottomOfPage");
+		$[37] = t;
+		$[38] = t21;
+	} else t21 = $[38];
+	let t22;
+	if ($[39] !== t21) {
+		t22 = /* @__PURE__ */ jsx("option", {
+			value: "pageBottom",
+			children: t21
+		});
+		$[39] = t21;
+		$[40] = t22;
+	} else t22 = $[40];
+	let t23;
+	if ($[41] !== t) {
+		t23 = t("dialogs.footnoteProperties.footnotePositions.belowText");
+		$[41] = t;
+		$[42] = t23;
+	} else t23 = $[42];
+	let t24;
+	if ($[43] !== t23) {
+		t24 = /* @__PURE__ */ jsx("option", {
+			value: "beneathText",
+			children: t23
+		});
+		$[43] = t23;
+		$[44] = t24;
+	} else t24 = $[44];
+	let t25;
+	if ($[45] !== fieldIds.fnPosition || $[46] !== fnPosition || $[47] !== t22 || $[48] !== t24) {
+		t25 = /* @__PURE__ */ jsxs("select", {
+			id: t19,
+			className: "border-input bg-background text-foreground mb-2 w-full rounded border px-2 py-1 text-[13px] outline-none",
+			value: fnPosition,
+			onChange: t20,
+			children: [t22, t24]
+		});
+		$[45] = fieldIds.fnPosition;
+		$[46] = fnPosition;
+		$[47] = t22;
+		$[48] = t24;
+		$[49] = t25;
+	} else t25 = $[49];
+	const t26 = fieldIds.fnNumFmt;
+	let t27;
+	if ($[50] !== t) {
+		t27 = t("dialogs.footnoteProperties.numberFormat");
+		$[50] = t;
+		$[51] = t27;
+	} else t27 = $[51];
+	let t28;
+	if ($[52] !== fieldIds.fnNumFmt || $[53] !== t27) {
+		t28 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t26,
+			className: "block text-muted-foreground mb-1 text-xs",
+			children: t27
+		});
+		$[52] = fieldIds.fnNumFmt;
+		$[53] = t27;
+		$[54] = t28;
+	} else t28 = $[54];
+	const t29 = fieldIds.fnNumFmt;
+	let t30;
+	if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+		t30 = (e_0) => setFnNumFmt(e_0.target.value);
+		$[55] = t30;
+	} else t30 = $[55];
+	let t31;
+	if ($[56] !== t) {
+		t31 = numberFormatOptions.map((o) => /* @__PURE__ */ jsx("option", {
+			value: o.value,
+			children: t(o.labelKey)
+		}, o.value));
+		$[56] = t;
+		$[57] = t31;
+	} else t31 = $[57];
+	let t32;
+	if ($[58] !== fieldIds.fnNumFmt || $[59] !== fnNumFmt || $[60] !== t31) {
+		t32 = /* @__PURE__ */ jsx("select", {
+			id: t29,
+			className: "border-input bg-background text-foreground mb-2 w-full rounded border px-2 py-1 text-[13px] outline-none",
+			value: fnNumFmt,
+			onChange: t30,
+			children: t31
+		});
+		$[58] = fieldIds.fnNumFmt;
+		$[59] = fnNumFmt;
+		$[60] = t31;
+		$[61] = t32;
+	} else t32 = $[61];
+	const t33 = fieldIds.fnStartAt;
+	let t34;
+	if ($[62] !== t) {
+		t34 = t("dialogs.footnoteProperties.startAt");
+		$[62] = t;
+		$[63] = t34;
+	} else t34 = $[63];
+	let t35;
+	if ($[64] !== fieldIds.fnStartAt || $[65] !== t34) {
+		t35 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t33,
+			className: "block text-muted-foreground mb-1 text-xs",
+			children: t34
+		});
+		$[64] = fieldIds.fnStartAt;
+		$[65] = t34;
+		$[66] = t35;
+	} else t35 = $[66];
+	let t36;
+	if ($[67] === Symbol.for("react.memo_cache_sentinel")) {
+		t36 = (e_1) => setFnNumStart(Number.parseInt(e_1.target.value, 10) || 1);
+		$[67] = t36;
+	} else t36 = $[67];
+	let t37;
+	if ($[68] !== fieldIds.fnStartAt || $[69] !== fnNumStart) {
+		t37 = /* @__PURE__ */ jsx("input", {
+			id: fieldIds.fnStartAt,
+			type: "number",
+			min: 1,
+			className: "border-input bg-background text-foreground w-[60px] rounded border px-2 py-1 text-[13px] outline-none",
+			value: fnNumStart,
+			onChange: t36
+		});
+		$[68] = fieldIds.fnStartAt;
+		$[69] = fnNumStart;
+		$[70] = t37;
+	} else t37 = $[70];
+	let t38;
+	if ($[71] !== t35 || $[72] !== t37) {
+		t38 = /* @__PURE__ */ jsxs("div", { children: [t35, t37] });
+		$[71] = t35;
+		$[72] = t37;
+		$[73] = t38;
+	} else t38 = $[73];
+	const t39 = fieldIds.fnNumbering;
+	let t40;
+	if ($[74] !== t) {
+		t40 = t("dialogs.footnoteProperties.numbering");
+		$[74] = t;
+		$[75] = t40;
+	} else t40 = $[75];
+	let t41;
+	if ($[76] !== fieldIds.fnNumbering || $[77] !== t40) {
+		t41 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t39,
+			className: "block text-muted-foreground mb-1 text-xs",
+			children: t40
+		});
+		$[76] = fieldIds.fnNumbering;
+		$[77] = t40;
+		$[78] = t41;
+	} else t41 = $[78];
+	const t42 = fieldIds.fnNumbering;
+	let t43;
+	if ($[79] === Symbol.for("react.memo_cache_sentinel")) {
+		t43 = (e_2) => setFnRestart(e_2.target.value);
+		$[79] = t43;
+	} else t43 = $[79];
+	let t44;
+	if ($[80] !== t) {
+		t44 = t("dialogs.footnoteProperties.numberingOptions.continuous");
+		$[80] = t;
+		$[81] = t44;
+	} else t44 = $[81];
+	let t45;
+	if ($[82] !== t44) {
+		t45 = /* @__PURE__ */ jsx("option", {
+			value: "continuous",
+			children: t44
+		});
+		$[82] = t44;
+		$[83] = t45;
+	} else t45 = $[83];
+	let t46;
+	if ($[84] !== t) {
+		t46 = t("dialogs.footnoteProperties.numberingOptions.restartSection");
+		$[84] = t;
+		$[85] = t46;
+	} else t46 = $[85];
+	let t47;
+	if ($[86] !== t46) {
+		t47 = /* @__PURE__ */ jsx("option", {
+			value: "eachSect",
+			children: t46
+		});
+		$[86] = t46;
+		$[87] = t47;
+	} else t47 = $[87];
+	let t48;
+	if ($[88] !== t) {
+		t48 = t("dialogs.footnoteProperties.numberingOptions.restartPage");
+		$[88] = t;
+		$[89] = t48;
+	} else t48 = $[89];
+	let t49;
+	if ($[90] !== t48) {
+		t49 = /* @__PURE__ */ jsx("option", {
+			value: "eachPage",
+			children: t48
+		});
+		$[90] = t48;
+		$[91] = t49;
+	} else t49 = $[91];
+	let t50;
+	if ($[92] !== fieldIds.fnNumbering || $[93] !== fnRestart || $[94] !== t45 || $[95] !== t47 || $[96] !== t49) {
+		t50 = /* @__PURE__ */ jsxs("select", {
+			id: t42,
+			className: "border-input bg-background text-foreground mb-2 w-full rounded border px-2 py-1 text-[13px] outline-none",
+			value: fnRestart,
+			onChange: t43,
+			children: [
+				t45,
+				t47,
+				t49
+			]
+		});
+		$[92] = fieldIds.fnNumbering;
+		$[93] = fnRestart;
+		$[94] = t45;
+		$[95] = t47;
+		$[96] = t49;
+		$[97] = t50;
+	} else t50 = $[97];
+	let t51;
+	if ($[98] !== t41 || $[99] !== t50) {
+		t51 = /* @__PURE__ */ jsxs("div", {
+			className: "flex-1",
+			children: [t41, t50]
+		});
+		$[98] = t41;
+		$[99] = t50;
+		$[100] = t51;
+	} else t51 = $[100];
+	let t52;
+	if ($[101] !== t38 || $[102] !== t51) {
+		t52 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [t38, t51]
+		});
+		$[101] = t38;
+		$[102] = t51;
+		$[103] = t52;
+	} else t52 = $[103];
+	let t53;
+	if ($[104] !== t15 || $[105] !== t18 || $[106] !== t25 || $[107] !== t28 || $[108] !== t32 || $[109] !== t52) {
+		t53 = /* @__PURE__ */ jsxs("div", {
+			className: "mb-4 rounded border p-3",
+			children: [
+				t15,
+				t18,
+				t25,
+				t28,
+				t32,
+				t52
+			]
+		});
+		$[104] = t15;
+		$[105] = t18;
+		$[106] = t25;
+		$[107] = t28;
+		$[108] = t32;
+		$[109] = t52;
+		$[110] = t53;
+	} else t53 = $[110];
+	let t54;
+	if ($[111] !== t) {
+		t54 = t("dialogs.footnoteProperties.endnotes");
+		$[111] = t;
+		$[112] = t54;
+	} else t54 = $[112];
+	let t55;
+	if ($[113] !== t54) {
+		t55 = /* @__PURE__ */ jsx("h4", {
+			className: "mb-2 text-sm font-semibold",
+			children: t54
+		});
+		$[113] = t54;
+		$[114] = t55;
+	} else t55 = $[114];
+	const t56 = fieldIds.enPosition;
+	let t57;
+	if ($[115] !== t) {
+		t57 = t("dialogs.footnoteProperties.position");
+		$[115] = t;
+		$[116] = t57;
+	} else t57 = $[116];
+	let t58;
+	if ($[117] !== fieldIds.enPosition || $[118] !== t57) {
+		t58 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t56,
+			className: "block text-muted-foreground mb-1 text-xs",
+			children: t57
+		});
+		$[117] = fieldIds.enPosition;
+		$[118] = t57;
+		$[119] = t58;
+	} else t58 = $[119];
+	const t59 = fieldIds.enPosition;
+	let t60;
+	if ($[120] === Symbol.for("react.memo_cache_sentinel")) {
+		t60 = (e_3) => setEnPosition(e_3.target.value);
+		$[120] = t60;
+	} else t60 = $[120];
+	let t61;
+	if ($[121] !== t) {
+		t61 = t("dialogs.footnoteProperties.endnotePositions.endOfDocument");
+		$[121] = t;
+		$[122] = t61;
+	} else t61 = $[122];
+	let t62;
+	if ($[123] !== t61) {
+		t62 = /* @__PURE__ */ jsx("option", {
+			value: "docEnd",
+			children: t61
+		});
+		$[123] = t61;
+		$[124] = t62;
+	} else t62 = $[124];
+	let t63;
+	if ($[125] !== t) {
+		t63 = t("dialogs.footnoteProperties.endnotePositions.endOfSection");
+		$[125] = t;
+		$[126] = t63;
+	} else t63 = $[126];
+	let t64;
+	if ($[127] !== t63) {
+		t64 = /* @__PURE__ */ jsx("option", {
+			value: "sectEnd",
+			children: t63
+		});
+		$[127] = t63;
+		$[128] = t64;
+	} else t64 = $[128];
+	let t65;
+	if ($[129] !== enPosition || $[130] !== fieldIds.enPosition || $[131] !== t62 || $[132] !== t64) {
+		t65 = /* @__PURE__ */ jsxs("select", {
+			id: t59,
+			className: "border-input bg-background text-foreground mb-2 w-full rounded border px-2 py-1 text-[13px] outline-none",
+			value: enPosition,
+			onChange: t60,
+			children: [t62, t64]
+		});
+		$[129] = enPosition;
+		$[130] = fieldIds.enPosition;
+		$[131] = t62;
+		$[132] = t64;
+		$[133] = t65;
+	} else t65 = $[133];
+	const t66 = fieldIds.enNumFmt;
+	let t67;
+	if ($[134] !== t) {
+		t67 = t("dialogs.footnoteProperties.numberFormat");
+		$[134] = t;
+		$[135] = t67;
+	} else t67 = $[135];
+	let t68;
+	if ($[136] !== fieldIds.enNumFmt || $[137] !== t67) {
+		t68 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t66,
+			className: "block text-muted-foreground mb-1 text-xs",
+			children: t67
+		});
+		$[136] = fieldIds.enNumFmt;
+		$[137] = t67;
+		$[138] = t68;
+	} else t68 = $[138];
+	const t69 = fieldIds.enNumFmt;
+	let t70;
+	if ($[139] === Symbol.for("react.memo_cache_sentinel")) {
+		t70 = (e_4) => setEnNumFmt(e_4.target.value);
+		$[139] = t70;
+	} else t70 = $[139];
+	let t71;
+	if ($[140] !== t) {
+		t71 = numberFormatOptions.map((o_0) => /* @__PURE__ */ jsx("option", {
+			value: o_0.value,
+			children: t(o_0.labelKey)
+		}, o_0.value));
+		$[140] = t;
+		$[141] = t71;
+	} else t71 = $[141];
+	let t72;
+	if ($[142] !== enNumFmt || $[143] !== fieldIds.enNumFmt || $[144] !== t71) {
+		t72 = /* @__PURE__ */ jsx("select", {
+			id: t69,
+			className: "border-input bg-background text-foreground mb-2 w-full rounded border px-2 py-1 text-[13px] outline-none",
+			value: enNumFmt,
+			onChange: t70,
+			children: t71
+		});
+		$[142] = enNumFmt;
+		$[143] = fieldIds.enNumFmt;
+		$[144] = t71;
+		$[145] = t72;
+	} else t72 = $[145];
+	const t73 = fieldIds.enStartAt;
+	let t74;
+	if ($[146] !== t) {
+		t74 = t("dialogs.footnoteProperties.startAt");
+		$[146] = t;
+		$[147] = t74;
+	} else t74 = $[147];
+	let t75;
+	if ($[148] !== fieldIds.enStartAt || $[149] !== t74) {
+		t75 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t73,
+			className: "block text-muted-foreground mb-1 text-xs",
+			children: t74
+		});
+		$[148] = fieldIds.enStartAt;
+		$[149] = t74;
+		$[150] = t75;
+	} else t75 = $[150];
+	let t76;
+	if ($[151] === Symbol.for("react.memo_cache_sentinel")) {
+		t76 = (e_5) => setEnNumStart(Number.parseInt(e_5.target.value, 10) || 1);
+		$[151] = t76;
+	} else t76 = $[151];
+	let t77;
+	if ($[152] !== enNumStart || $[153] !== fieldIds.enStartAt) {
+		t77 = /* @__PURE__ */ jsx("input", {
+			id: fieldIds.enStartAt,
+			type: "number",
+			min: 1,
+			className: "border-input bg-background text-foreground w-[60px] rounded border px-2 py-1 text-[13px] outline-none",
+			value: enNumStart,
+			onChange: t76
+		});
+		$[152] = enNumStart;
+		$[153] = fieldIds.enStartAt;
+		$[154] = t77;
+	} else t77 = $[154];
+	let t78;
+	if ($[155] !== t75 || $[156] !== t77) {
+		t78 = /* @__PURE__ */ jsxs("div", { children: [t75, t77] });
+		$[155] = t75;
+		$[156] = t77;
+		$[157] = t78;
+	} else t78 = $[157];
+	const t79 = fieldIds.enNumbering;
+	let t80;
+	if ($[158] !== t) {
+		t80 = t("dialogs.footnoteProperties.numbering");
+		$[158] = t;
+		$[159] = t80;
+	} else t80 = $[159];
+	let t81;
+	if ($[160] !== fieldIds.enNumbering || $[161] !== t80) {
+		t81 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t79,
+			className: "block text-muted-foreground mb-1 text-xs",
+			children: t80
+		});
+		$[160] = fieldIds.enNumbering;
+		$[161] = t80;
+		$[162] = t81;
+	} else t81 = $[162];
+	const t82 = fieldIds.enNumbering;
+	let t83;
+	if ($[163] === Symbol.for("react.memo_cache_sentinel")) {
+		t83 = (e_6) => setEnRestart(e_6.target.value);
+		$[163] = t83;
+	} else t83 = $[163];
+	let t84;
+	if ($[164] !== t) {
+		t84 = t("dialogs.footnoteProperties.numberingOptions.continuous");
+		$[164] = t;
+		$[165] = t84;
+	} else t84 = $[165];
+	let t85;
+	if ($[166] !== t84) {
+		t85 = /* @__PURE__ */ jsx("option", {
+			value: "continuous",
+			children: t84
+		});
+		$[166] = t84;
+		$[167] = t85;
+	} else t85 = $[167];
+	let t86;
+	if ($[168] !== t) {
+		t86 = t("dialogs.footnoteProperties.numberingOptions.restartSection");
+		$[168] = t;
+		$[169] = t86;
+	} else t86 = $[169];
+	let t87;
+	if ($[170] !== t86) {
+		t87 = /* @__PURE__ */ jsx("option", {
+			value: "eachSect",
+			children: t86
+		});
+		$[170] = t86;
+		$[171] = t87;
+	} else t87 = $[171];
+	let t88;
+	if ($[172] !== enRestart || $[173] !== fieldIds.enNumbering || $[174] !== t85 || $[175] !== t87) {
+		t88 = /* @__PURE__ */ jsxs("select", {
+			id: t82,
+			className: "border-input bg-background text-foreground mb-2 w-full rounded border px-2 py-1 text-[13px] outline-none",
+			value: enRestart,
+			onChange: t83,
+			children: [t85, t87]
+		});
+		$[172] = enRestart;
+		$[173] = fieldIds.enNumbering;
+		$[174] = t85;
+		$[175] = t87;
+		$[176] = t88;
+	} else t88 = $[176];
+	let t89;
+	if ($[177] !== t81 || $[178] !== t88) {
+		t89 = /* @__PURE__ */ jsxs("div", {
+			className: "flex-1",
+			children: [t81, t88]
+		});
+		$[177] = t81;
+		$[178] = t88;
+		$[179] = t89;
+	} else t89 = $[179];
+	let t90;
+	if ($[180] !== t78 || $[181] !== t89) {
+		t90 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [t78, t89]
+		});
+		$[180] = t78;
+		$[181] = t89;
+		$[182] = t90;
+	} else t90 = $[182];
+	let t91;
+	if ($[183] !== t55 || $[184] !== t58 || $[185] !== t65 || $[186] !== t68 || $[187] !== t72 || $[188] !== t90) {
+		t91 = /* @__PURE__ */ jsxs("div", {
+			className: "mb-4 rounded border p-3",
+			children: [
+				t55,
+				t58,
+				t65,
+				t68,
+				t72,
+				t90
+			]
+		});
+		$[183] = t55;
+		$[184] = t58;
+		$[185] = t65;
+		$[186] = t68;
+		$[187] = t72;
+		$[188] = t90;
+		$[189] = t91;
+	} else t91 = $[189];
+	let t92;
+	if ($[190] !== t53 || $[191] !== t91) {
+		t92 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3 px-5 py-4",
+			children: [t53, t91]
+		});
+		$[190] = t53;
+		$[191] = t91;
+		$[192] = t92;
+	} else t92 = $[192];
+	let t93;
+	if ($[193] !== t) {
+		t93 = t("common.cancel");
+		$[193] = t;
+		$[194] = t93;
+	} else t93 = $[194];
+	let t94;
+	if ($[195] !== DialogClose || $[196] !== t93) {
+		t94 = /* @__PURE__ */ jsx(DialogClose, {
+			className: "border-input rounded border px-4 py-1.5 text-[13px]",
+			children: t93
+		});
+		$[195] = DialogClose;
+		$[196] = t93;
+		$[197] = t94;
+	} else t94 = $[197];
+	let t95;
+	if ($[198] !== t) {
+		t95 = t("common.apply");
+		$[198] = t;
+		$[199] = t95;
+	} else t95 = $[199];
+	let t96;
+	if ($[200] !== handleApply || $[201] !== t95) {
+		t96 = /* @__PURE__ */ jsx("button", {
+			className: "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium",
+			onClick: handleApply,
+			type: "button",
+			children: t95
+		});
+		$[200] = handleApply;
+		$[201] = t95;
+		$[202] = t96;
+	} else t96 = $[202];
+	let t97;
+	if ($[203] !== t94 || $[204] !== t96) {
+		t97 = /* @__PURE__ */ jsxs("div", {
+			className: "flex justify-end gap-2 border-t px-5 py-3",
+			children: [t94, t96]
+		});
+		$[203] = t94;
+		$[204] = t96;
+		$[205] = t97;
+	} else t97 = $[205];
+	let t98;
+	if ($[206] !== DialogPopup || $[207] !== t13 || $[208] !== t92 || $[209] !== t97) {
+		t98 = /* @__PURE__ */ jsxs(DialogPopup, {
+			className: "bg-popover fixed start-1/2 top-1/2 z-[10001] w-full max-w-[500px] min-w-[400px] -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl",
+			children: [
+				t13,
+				t92,
+				t97
+			]
+		});
+		$[206] = DialogPopup;
+		$[207] = t13;
+		$[208] = t92;
+		$[209] = t97;
+		$[210] = t98;
+	} else t98 = $[210];
+	let t99;
+	if ($[211] !== DialogPortal || $[212] !== t11 || $[213] !== t98) {
+		t99 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t11, t98] });
+		$[211] = DialogPortal;
+		$[212] = t11;
+		$[213] = t98;
+		$[214] = t99;
+	} else t99 = $[214];
+	let t100;
+	if ($[215] !== Dialog || $[216] !== handleOpenChange || $[217] !== isOpen || $[218] !== t99) {
+		t100 = /* @__PURE__ */ jsx(Dialog, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			children: t99
+		});
+		$[215] = Dialog;
+		$[216] = handleOpenChange;
+		$[217] = isOpen;
+		$[218] = t99;
+		$[219] = t100;
+	} else t100 = $[219];
+	return t100;
+}
+//#endregion
+export { FootnotePropertiesDialog_exports as n, FootnotePropertiesDialog as t };