@embedpdf/react 3.0.0-next.13 → 3.0.0-next.15

package/dist/form-55izw0jS.js

@@ -0,0 +1,511 @@
+import { C as useOptionalSelector, D as useViewerSettings, E as useSelector, S as useOptionalCapability, f as useCapability, g as useDocumentScope, p as useCapabilityEvent, u as shallowArray, w as usePage, x as useKernelValue } from "./runtime-B6xcPsEb.js";
+import { n as stateHook, t as settingsHook } from "./state-CbgxhwLA.js";
+import { n as usePaintsPagePart } from "./page-layers-Bkaaz8Zf.js";
+import { n as useFontMounts, t as SvgShapes } from "./svg-shapes-Dm1yTR1b.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { annotationKey } from "@embedpdf/core";
+import { FORM_CONTROL_FILL, createOptimisticSelection, createShownUrls, createTextFieldEditor, formColorsOf, formFocusRingStyleOf, isolatePointerDown, isolateWheel, listBoxControlStyleOf, loadAppearanceUrls, pictureOrPainting, pressToggle, rectInPixels, shownAppearance, svgShapesOf, textFieldEditorStyleOf, widgetBoxStyleOf } from "@embedpdf/web";
+import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { InteractionToken } from "@embedpdf/plugin-interaction/contract/host";
+import { RenderToken } from "@embedpdf/plugin-render/contract/host";
+import { MITER_LIMIT } from "@embedpdf/core-annotation";
+import { FormToken, formState } from "@embedpdf/plugin-form";
+import { FormToken as FormToken$1 } from "@embedpdf/plugin-form/contract/host";
+import { SignatureToken } from "@embedpdf/plugin-signature/contract";
+//#region src/form-listbox.tsx
+/**
+* A PDF list box needs one owner for pixels, hit-testing, and scrolling. A
+* baked /AP picture with an invisible native select cannot provide that: the
+* browser and PDF each keep an independent top-visible row. This visible
+* native control keeps a local optimistic selection while the engine write is
+* pending and synchronizes when engine truth changes (`@embedpdf/web`'s
+* `createOptimisticSelection`), without remounting the DOM node or resetting
+* its scroll position.
+*/
+function NativeListBox({ ariaLabel, disabled, multi, options, selected, onSelect, onFocus, onBlur, style }) {
+	const [selection] = useState(() => createOptimisticSelection(selected));
+	const draft = useSyncExternalStore(selection.subscribe, selection.get, selection.get);
+	const controlRef = useRef(null);
+	useEffect(() => controlRef.current ? isolateWheel(controlRef.current) : void 0, []);
+	useEffect(() => selection.setConfirmed(selected), [selection, selected]);
+	return /* @__PURE__ */ jsx("select", {
+		ref: controlRef,
+		"aria-label": ariaLabel,
+		multiple: multi,
+		size: Math.max(2, options.length),
+		disabled,
+		value: multi ? draft : draft[0] ?? "",
+		onFocus,
+		onBlur,
+		onChange: (event) => selection.choose(Array.from(event.currentTarget.selectedOptions).map((option) => option.value), onSelect),
+		style,
+		children: options.map((option, index) => /* @__PURE__ */ jsx("option", {
+			value: option.value,
+			children: option.label
+		}, index))
+	});
+}
+//#endregion
+//#region src/form-focus-ring.tsx
+/**
+* Paint the focus ring above the field's picture and see-through native
+* controls. An inset outline on the box itself would sit under an opaque
+* child, so rectangular checkboxes and dropdowns would look unfocused while
+* they are active in the native Tab order.
+*/
+function FormFocusRing({ visible, color }) {
+	if (!visible) return null;
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		"data-embedpdf-form-focus-ring": "",
+		style: formFocusRingStyleOf(color)
+	});
+}
+//#endregion
+//#region src/form.tsx
+/** The colors the viewer draws fields with: the form settings over the viewer's accent. */
+function useFormColors() {
+	const accent = useViewerSettings((settings) => settings.accent);
+	const focus = useFormSettings((settings) => settings.focus);
+	const fields = useFormSettings((settings) => settings.fields);
+	return useMemo(() => formColorsOf({
+		focus,
+		fields
+	}, accent), [
+		accent,
+		focus,
+		fields
+	]);
+}
+/**
+* Keep the interaction hub out of gestures that begin inside a control. A
+* native listener, not React's, so it runs during real DOM bubbling, before
+* the Stage's own native listener on an ancestor. The press stops there, so
+* React's own `onPointerDown` never sees it: whoever needs the press passes
+* `onPress`, which the native listener calls.
+*/
+function useIsolated(onPress) {
+	const ref = useRef(null);
+	const press = useRef(onPress);
+	press.current = onPress;
+	useEffect(() => ref.current ? isolatePointerDown(ref.current, () => press.current?.()) : void 0, []);
+	return ref;
+}
+/**
+* The widget's pointer and focus events, sent to the actions plugin, which
+* runs the widget's `/AA` actions (enter, exit, down, up, focus, blur). They
+* live on the always-active box, never the inner control: "may edit this
+* field" and "may receive PDF action events" are different rights, and a
+* session that may not fill must still see hover tooltips.
+*/
+function useWidgetEvents(fieldRef, annotationRef) {
+	const form = useCapability(FormToken$1);
+	const refBox = useRef(annotationRef);
+	refBox.current = annotationRef;
+	return useMemo(() => {
+		const notify = (event) => {
+			const target = refBox.current;
+			if (target) form.notifyWidgetEvent(fieldRef, target, event);
+		};
+		return {
+			onPointerEnter: () => notify("cursorEnter"),
+			onPointerLeave: () => notify("cursorExit"),
+			onPress: () => notify("mouseDown"),
+			onPointerUp: () => notify("mouseUp"),
+			onFocus: () => notify("focus"),
+			onBlur: () => notify("blur")
+		};
+	}, [form, fieldRef]);
+}
+/**
+* A click on a widget runs its `/A` action. ISO 32000 puts the activate
+* action on the widget, whatever its field, and many forms ship "buttons" as
+* read-only text fields with an `/A` that Acrobat runs; a widget without one
+* is inert.
+*/
+function useWidgetActivation(annotationRef) {
+	const form = useCapability(FormToken$1);
+	const refBox = useRef(annotationRef);
+	refBox.current = annotationRef;
+	return useCallback(() => {
+		const target = refBox.current;
+		if (target) form.activateWidget(target);
+	}, [form]);
+}
+/**
+* The positioned box every control sits in: the widget's event surface, and
+* the edge a field without a border of its own gets, so people see where to
+* fill in.
+*/
+function WidgetBox({ item, page, colors, edge = true, onClick, children, ...rest }) {
+	const { onPress, ...events } = useWidgetEvents(item.fieldRef, item.annotationRef);
+	const wrap = useIsolated(onPress);
+	const frame = rectInPixels(item.box, page.transform);
+	return /* @__PURE__ */ jsx("div", {
+		ref: wrap,
+		...events,
+		...rest,
+		onFocus: (event) => {
+			events.onFocus?.(event);
+			rest.onFocus?.(event);
+		},
+		onBlur: (event) => {
+			events.onBlur?.(event);
+			rest.onBlur?.(event);
+		},
+		onClick,
+		style: {
+			...widgetBoxStyleOf(item, frame, colors, { edge }),
+			...rest.style
+		},
+		children
+	});
+}
+/** A text box: the picture at rest, an editor in the field's own font while focused. */
+function TextControl({ item, page, colors }) {
+	const form = useCapability(FormToken$1);
+	const activate = useWidgetActivation(item.annotationRef);
+	const editor = useMemo(() => createTextFieldEditor(form, item.fieldRef, item.value), [form, item.key]);
+	const { focused, draft } = useSyncExternalStore(editor.subscribe, editor.getState, editor.getState);
+	useEffect(() => editor.setValue(item.value), [editor, item.value]);
+	const frame = rectInPixels(item.box, page.transform);
+	const layout = item.annotationRef ? form.getTextEditorLayout(item.annotationRef, draft) : null;
+	useFontMounts(layout ? [layout.program] : NO_PROGRAMS);
+	const editorProps = {
+		value: draft,
+		maxLength: item.maxLength ?? void 0,
+		"aria-label": item.label,
+		disabled: item.disabled,
+		onFocus: editor.focus,
+		onChange: (event) => editor.input(event.target.value),
+		onBlur: editor.blur,
+		onKeyDown: (event) => {
+			if (editor.keyDown(event.key, item.multiline)) event.currentTarget.blur();
+		},
+		style: textFieldEditorStyleOf(item, frame, colors, focused, layout)
+	};
+	return /* @__PURE__ */ jsx(WidgetBox, {
+		item,
+		page,
+		colors,
+		onClick: activate,
+		children: item.multiline ? /* @__PURE__ */ jsx("textarea", { ...editorProps }) : /* @__PURE__ */ jsx("input", {
+			...editorProps,
+			type: item.password ? "password" : "text"
+		})
+	});
+}
+/** A checkbox or a radio button: the picture is the control, a click writes the toggled value. */
+function ToggleControl({ item, page, colors }) {
+	const form = useCapability(FormToken$1);
+	const activate = useWidgetActivation(item.annotationRef);
+	const [focused, setFocused] = useState(false);
+	const press = () => pressToggle(form, item, activate);
+	return /* @__PURE__ */ jsx(WidgetBox, {
+		item,
+		page,
+		colors,
+		role: item.kind === "checkbox" ? "checkbox" : "radio",
+		"aria-checked": item.checked,
+		"aria-label": item.label,
+		tabIndex: item.disabled ? -1 : 0,
+		onClick: press,
+		onFocus: () => setFocused(true),
+		onBlur: () => setFocused(false),
+		onKeyDown: (event) => {
+			if (event.key === " " || event.key === "Enter") {
+				event.preventDefault();
+				press();
+			}
+		},
+		style: {
+			cursor: item.disabled ? "default" : "pointer",
+			outline: "none"
+		},
+		children: /* @__PURE__ */ jsx(FormFocusRing, {
+			visible: focused,
+			color: colors.focus
+		})
+	});
+}
+/** A dropdown: an invisible native select over the field's picture. */
+function ComboControl({ item, page, colors }) {
+	const form = useCapability(FormToken$1);
+	const activate = useWidgetActivation(item.annotationRef);
+	const [focused, setFocused] = useState(false);
+	return /* @__PURE__ */ jsxs(WidgetBox, {
+		item,
+		page,
+		colors,
+		onClick: activate,
+		children: [/* @__PURE__ */ jsxs("select", {
+			defaultValue: item.selected[0] ?? "",
+			"aria-label": item.label,
+			disabled: item.disabled,
+			onFocus: () => setFocused(true),
+			onBlur: () => setFocused(false),
+			onChange: (event) => void form.setValue(item.fieldRef, { value: event.currentTarget.value || null }),
+			style: {
+				...FORM_CONTROL_FILL,
+				opacity: 0,
+				cursor: item.disabled ? "default" : "pointer",
+				...item.disabled ? { pointerEvents: "none" } : {}
+			},
+			children: [item.selected.length === 0 && /* @__PURE__ */ jsx("option", { value: "" }), item.options.map((option, index) => /* @__PURE__ */ jsx("option", {
+				value: option.value,
+				children: option.label
+			}, index))]
+		}, item.selected.join("\0")), /* @__PURE__ */ jsx(FormFocusRing, {
+			visible: focused,
+			color: colors.focus
+		})]
+	});
+}
+/** A list: a visible native select in the field's own look, the settings where it has none. */
+function ListControl({ item, page, colors }) {
+	const form = useCapability(FormToken$1);
+	const activate = useWidgetActivation(item.annotationRef);
+	const [focused, setFocused] = useState(false);
+	const frame = rectInPixels(item.box, page.transform);
+	return /* @__PURE__ */ jsxs(WidgetBox, {
+		item,
+		page,
+		colors,
+		edge: false,
+		onClick: activate,
+		children: [/* @__PURE__ */ jsx(NativeListBox, {
+			ariaLabel: item.label,
+			disabled: item.disabled,
+			multi: item.multi,
+			options: item.options,
+			selected: item.selected,
+			onFocus: () => setFocused(true),
+			onBlur: () => setFocused(false),
+			onSelect: async (values) => {
+				await form.setValue(item.fieldRef, { selectedValues: values });
+			},
+			style: listBoxControlStyleOf(item, frame, colors)
+		}), /* @__PURE__ */ jsx(FormFocusRing, {
+			visible: focused,
+			color: colors.focus
+		})]
+	});
+}
+/** A push button: a native click target over its picture that runs its action. */
+function ButtonControl({ item, page, colors }) {
+	const activate = useWidgetActivation(item.annotationRef);
+	return /* @__PURE__ */ jsx(WidgetBox, {
+		item,
+		page,
+		colors,
+		edge: false,
+		style: { cursor: item.disabled ? "default" : "pointer" },
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": item.label,
+			disabled: item.disabled,
+			onClick: activate,
+			style: {
+				...FORM_CONTROL_FILL,
+				padding: 0,
+				border: 0,
+				background: "transparent",
+				cursor: "inherit",
+				pointerEvents: item.disabled ? "none" : "auto"
+			}
+		})
+	});
+}
+/**
+* A signature field: with the signature plugin, an empty field is "sign
+* here" (it becomes the target the next mark goes to), and a signed one asks
+* your UI to show its details. Without it, the field is only its picture.
+*/
+function SignatureControl({ item, page, colors }) {
+	const signature = useOptionalCapability(SignatureToken);
+	const ref = item.fieldRef;
+	const signed = useOptionalSelector(SignatureToken, (capability) => capability.getSignature(ref)?.signed ?? item.signed, item.signed);
+	const actionable = signature !== null && (signed || !item.disabled);
+	return /* @__PURE__ */ jsx(WidgetBox, {
+		item,
+		page,
+		colors,
+		style: { cursor: actionable ? "pointer" : "default" },
+		children: actionable ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": item.label,
+			"data-signed": signed ? "" : void 0,
+			onClick: () => signed ? signature.requestInspection(ref) : signature.setTarget(ref),
+			style: {
+				...FORM_CONTROL_FILL,
+				padding: 0,
+				border: 0,
+				background: "transparent",
+				cursor: "inherit"
+			}
+		}) : null
+	});
+}
+/**
+* The form's fields on one page: their pictures, and the controls people fill
+* them in with. Put it above the page's picture (`<RenderLayer>`, and
+* `<AnnotationLayer>` when the annotation plugin is registered); while it's
+* there, the render layer leaves the fields out of the page's picture. The
+* controls show while the active tool fills forms (the `pointer` and `pan`
+* tools do), and stand down in design mode, where fields are boxes you
+* select and move.
+*/
+function FormLayer() {
+	const page = usePage();
+	const form = useCapability(FormToken$1);
+	const colors = useFormColors();
+	const active = useSelector(InteractionToken, (interaction) => interaction.activeToolEnables("form-fill"));
+	usePaintsPagePart(page.ref, "formFields");
+	useEffect(() => {
+		form.ensureLoaded(page.ref);
+	}, [form, page.ref]);
+	const items = useSelector(FormToken$1, (capability) => capability.listWidgets(page.ref), shallowArray);
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			position: "absolute",
+			inset: 0,
+			pointerEvents: "none"
+		},
+		children: [/* @__PURE__ */ jsx(FieldPictures, { page }), (active ? items : []).map((item) => {
+			const key = `${item.key}:${item.annotObjectNumber}`;
+			switch (item.control) {
+				case "text": return /* @__PURE__ */ jsx(TextControl, {
+					item,
+					page,
+					colors
+				}, key);
+				case "toggle": return /* @__PURE__ */ jsx(ToggleControl, {
+					item,
+					page,
+					colors
+				}, key);
+				case "choice": return item.kind === "list" ? /* @__PURE__ */ jsx(ListControl, {
+					item,
+					page,
+					colors
+				}, key) : /* @__PURE__ */ jsx(ComboControl, {
+					item,
+					page,
+					colors
+				}, key);
+				case "button": return /* @__PURE__ */ jsx(ButtonControl, {
+					item,
+					page,
+					colors
+				}, key);
+				case "signature": return /* @__PURE__ */ jsx(SignatureControl, {
+					item,
+					page,
+					colors
+				}, key);
+			}
+		})]
+	});
+}
+/**
+* The page's fields as they look now. Each widget shows its picture, as the
+* engine draws it (the form plugin's, every state loaded, so a check box
+* shows its new state at once), or the painter's drawing while its look is
+* pending or its picture is of an older version (`pictureOrPainting`): a
+* value, a calculation, a restyle shows at once. Hidden widgets aren't drawn.
+*/
+function FieldPictures({ page }) {
+	const form = useCapability(FormToken$1);
+	const widgets = useSelector(FormToken$1, (form) => form.listShownWidgets(page.ref), shallowArray);
+	const epoch = useSelector(FormToken$1, (form) => form.getAppearanceEpoch(page.ref));
+	const scale = useOptionalSelector(RenderToken, (render) => render.getAppearanceScale(page.transform.renderScale), 0);
+	const [urls, setUrls] = useState(null);
+	const [shown] = useState(createShownUrls);
+	useEffect(() => () => shown.release(), [shown]);
+	useEffect(() => {
+		if (!scale) return;
+		return loadAppearanceUrls(shown, (signal) => form.renderAppearances(page.ref, scale, signal), annotationKey, setUrls);
+	}, [
+		shown,
+		form,
+		page.ref,
+		scale,
+		epoch
+	]);
+	const looks = widgets.map((widget) => pictureOrPainting({
+		pending: widget.pending,
+		picture: urls && shownAppearance(urls, annotationKey(widget.ref), widget.appearanceState),
+		version: widget.pictureVersion,
+		loaded: urls !== null,
+		paint: () => form.getWidgetPainting(widget.ref)
+	}));
+	return /* @__PURE__ */ jsx(Fragment, { children: widgets.map((widget, index) => {
+		const look = looks[index];
+		if (!look) return null;
+		const key = annotationKey(widget.ref);
+		if (look.kind === "painting") {
+			const { x, y, width, height } = widget.rect;
+			const frame = rectInPixels(widget.rect, page.transform);
+			return /* @__PURE__ */ jsx("svg", {
+				viewBox: `${x} ${y} ${width} ${height}`,
+				style: {
+					position: "absolute",
+					left: frame.left,
+					top: frame.top,
+					width: frame.width,
+					height: frame.height,
+					overflow: "visible",
+					pointerEvents: "none"
+				},
+				children: /* @__PURE__ */ jsx(SvgShapes, { shapes: svgShapesOf(look.painting.scene, { miterLimit: MITER_LIMIT }) })
+			}, key);
+		}
+		const frame = rectInPixels(look.picture.box, page.transform);
+		return /* @__PURE__ */ jsx("img", {
+			src: look.picture.url,
+			alt: "",
+			draggable: false,
+			style: {
+				position: "absolute",
+				left: frame.left,
+				top: frame.top,
+				width: frame.width,
+				height: frame.height,
+				maxWidth: "none",
+				maxHeight: "none",
+				pointerEvents: "none"
+			}
+		}, key);
+	}) });
+}
+const NO_PROGRAMS = Object.freeze([]);
+/** The form API for the surrounding document: reading, filling, form data and building. */
+function useForm() {
+	return useCapability(FormToken);
+}
+/** Subscribe to one form event while mounted: `useFormEvent((form) => form.onValueChanged, handler)`. */
+function useFormEvent(select, handler) {
+	useCapabilityEvent(FormToken, select, handler);
+}
+/**
+* The form's state: every field, whether it's read, what kind of form the
+* document has, and the field of the selected widget (the page's State
+* table, declared once in `formState`). Takes a selector, and re-renders only
+* when what it returns changes.
+*/
+const useFormState = stateHook(formState);
+/** The form settings (`validation`, `focus`, `fields`), with or without a document. Takes a selector. */
+const useFormSettings = settingsHook(FormToken);
+/**
+* One field's value, in the shape `setValue()` takes, or `null`: re-renders
+* only when that field's value changes. Empty without a document.
+*/
+function useFormValue(ref) {
+	const scoped = useDocumentScope();
+	const stable = useMemo(() => ref, [ref.kind === "fqn" ? `n:${ref.name}` : `o:${ref.objectNumber}`]);
+	return useKernelValue((kernel) => kernel.tryCapability(FormToken, scoped ?? void 0)?.getValue(stable) ?? null);
+}
+//#endregion
+export { useFormState as a, useFormSettings as i, useForm as n, useFormValue as o, useFormEvent as r, FormLayer as t };
+
+//# sourceMappingURL=form-55izw0jS.js.map

package/dist/form-55izw0jS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-55izw0jS.js","names":["FormHostToken"],"sources":["../src/form-listbox.tsx","../src/form-focus-ring.tsx","../src/form.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEffect, useRef, useState, useSyncExternalStore } from 'react';\nimport { createOptimisticSelection, isolateWheel } from '@embedpdf/web';\n\nexport interface NativeListBoxOption {\n  label: string;\n  value: string;\n}\n\nexport interface NativeListBoxProps {\n  ariaLabel: string;\n  disabled: boolean;\n  multi: boolean;\n  options: NativeListBoxOption[];\n  selected: string[];\n  onSelect(values: string[]): void | Promise<void>;\n  onFocus?: React.FocusEventHandler<HTMLSelectElement>;\n  onBlur?: React.FocusEventHandler<HTMLSelectElement>;\n  style?: React.CSSProperties;\n}\n\n/**\n * A PDF list box needs one owner for pixels, hit-testing, and scrolling. A\n * baked /AP picture with an invisible native select cannot provide that: the\n * browser and PDF each keep an independent top-visible row. This visible\n * native control keeps a local optimistic selection while the engine write is\n * pending and synchronizes when engine truth changes (`@embedpdf/web`'s\n * `createOptimisticSelection`), without remounting the DOM node or resetting\n * its scroll position.\n */\nexport function NativeListBox({\n  ariaLabel,\n  disabled,\n  multi,\n  options,\n  selected,\n  onSelect,\n  onFocus,\n  onBlur,\n  style,\n}: NativeListBoxProps) {\n  const [selection] = useState(() => createOptimisticSelection(selected));\n  const draft = useSyncExternalStore(selection.subscribe, selection.get, selection.get);\n  const controlRef = useRef<HTMLSelectElement>(null);\n\n  // The Stage's ambient wheel handler lives on an ancestor and\n  // preventDefault()s to pan/zoom the page. Stop at the list box so the\n  // browser can apply the same wheel event to this control's own scroll box.\n  useEffect(() => (controlRef.current ? isolateWheel(controlRef.current) : undefined), []);\n\n  useEffect(() => selection.setConfirmed(selected), [selection, selected]);\n\n  return (\n    <select\n      ref={controlRef}\n      aria-label={ariaLabel}\n      multiple={multi}\n      size={Math.max(2, options.length)}\n      disabled={disabled}\n      value={multi ? draft : (draft[0] ?? '')}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onChange={(event) =>\n        selection.choose(\n          Array.from(event.currentTarget.selectedOptions).map((option) => option.value),\n          onSelect,\n        )\n      }\n      style={style}\n    >\n      {options.map((option, index) => (\n        <option key={index} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import * as React from 'react';\nimport { formFocusRingStyleOf } from '@embedpdf/web';\n\nexport interface FormFocusRingProps {\n  visible: boolean;\n  /** The ring's CSS color: the form's `focus.color` setting, through its CSS variable. */\n  color: string;\n}\n\n/**\n * Paint the focus ring above the field's picture and see-through native\n * controls. An inset outline on the box itself would sit under an opaque\n * child, so rectangular checkboxes and dropdowns would look unfocused while\n * they are active in the native Tab order.\n */\nexport function FormFocusRing({ visible, color }: FormFocusRingProps) {\n  if (!visible) return null;\n  return (\n    <span aria-hidden=\"true\" data-embedpdf-form-focus-ring=\"\" style={formFocusRingStyleOf(color)} />\n  );\n}\n","/**\n * The React view of @embedpdf/plugin-form.\n *\n * `<FormLayer />` paints the fields of its page as the engine draws them\n * (their values, borders and fonts) and puts a real HTML control over each\n * field box, with or without the annotation plugin. While it's on the page,\n * the `<RenderLayer>` leaves the fields out of the page's picture. The\n * controls add what people interact with on top of the pictures:\n *\n *   text   → the picture at rest; focus shows an editor in the field's font\n *            (the plugin keeps what is typed, so a download writes it);\n *            blur or Enter commits, Escape puts the value back.\n *   toggle → the picture is the control; a click writes the toggled value.\n *   combo  → an invisible native <select> over the picture: the browser\n *            owns the dropdown, the engine the resting pixels.\n *   list   → a visible native <select>: one surface owns the rows, the\n *            keyboard and the scrolling.\n *   button → a native click target over the picture; activation runs the\n *            widget's action.\n *\n * What the viewer draws itself (the focus ring, the edge of a field without a\n * border, the editor) takes its colors from the form settings, which the\n * `--epdf-form-*` CSS variables override.\n *\n * Every control keeps its pointerdown from the interaction hub with a native\n * listener (`isolatePointerDown`): the Stage listens natively on an ancestor,\n * so React's synthetic events would run too late. The colors, the field\n * looks, the boxes' and controls' styles, and the toggle, text-field and\n * list-box policies are `@embedpdf/web`'s, the same for every framework.\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-form';\nimport * as React from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';\nimport { annotationKey, type EventHook } from '@embedpdf/core';\nimport { MITER_LIMIT } from '@embedpdf/core-annotation';\nimport type { PdfAnnotationEventKind } from '@embedpdf/plugin-actions/contract';\nimport type { AnnotationRef } from '@embedpdf/plugin-annotation/contract';\nimport {\n  FormToken,\n  formState,\n  type FormCapability,\n  type FormFieldRef,\n  type FormFieldValue,\n  type FormWidgetItem,\n} from '@embedpdf/plugin-form';\nimport { FormToken as FormHostToken } from '@embedpdf/plugin-form/contract/host';\nimport { InteractionToken } from '@embedpdf/plugin-interaction/contract/host';\nimport { RenderToken } from '@embedpdf/plugin-render/contract/host';\nimport { SignatureToken } from '@embedpdf/plugin-signature/contract';\nimport {\n  createShownUrls,\n  createTextFieldEditor,\n  FORM_CONTROL_FILL,\n  formColorsOf,\n  isolatePointerDown,\n  listBoxControlStyleOf,\n  loadAppearanceUrls,\n  pictureOrPainting,\n  pressToggle,\n  rectInPixels,\n  shownAppearance,\n  svgShapesOf,\n  textFieldEditorStyleOf,\n  widgetBoxStyleOf,\n  type AppearanceUrl,\n  type FormColors,\n  type MountableFontProgram,\n} from '@embedpdf/web';\n\nimport { NativeListBox } from './form-listbox';\nimport { FormFocusRing } from './form-focus-ring';\nimport { usePaintsPagePart } from './page-layers';\nimport {\n  shallowArray,\n  useCapability,\n  useCapabilityEvent,\n  useDocumentScope,\n  useKernelValue,\n  useOptionalCapability,\n  useOptionalSelector,\n  usePage,\n  useSelector,\n  useViewerSettings,\n} from './runtime';\nimport type { PageContextValue } from './runtime';\nimport { settingsHook, stateHook } from './state';\nimport { useFontMounts } from './font-mounts';\nimport { SvgShapes } from './svg-shapes';\n\n// ── what every control shares ──────────────────────────────────────────────\n\n/** The colors the viewer draws fields with: the form settings over the viewer's accent. */\nfunction useFormColors(): FormColors {\n  const accent = useViewerSettings((settings) => settings.accent);\n  const focus = useFormSettings((settings) => settings.focus);\n  const fields = useFormSettings((settings) => settings.fields);\n  return useMemo(() => formColorsOf({ focus, fields }, accent), [accent, focus, fields]);\n}\n\n/**\n * Keep the interaction hub out of gestures that begin inside a control. A\n * native listener, not React's, so it runs during real DOM bubbling, before\n * the Stage's own native listener on an ancestor. The press stops there, so\n * React's own `onPointerDown` never sees it: whoever needs the press passes\n * `onPress`, which the native listener calls.\n */\nfunction useIsolated<T extends HTMLElement>(onPress?: () => void) {\n  const ref = useRef<T>(null);\n  const press = useRef(onPress);\n  press.current = onPress;\n  useEffect(\n    () => (ref.current ? isolatePointerDown(ref.current, () => press.current?.()) : undefined),\n    [],\n  );\n  return ref;\n}\n\n/**\n * The widget's pointer and focus events, sent to the actions plugin, which\n * runs the widget's `/AA` actions (enter, exit, down, up, focus, blur). They\n * live on the always-active box, never the inner control: \"may edit this\n * field\" and \"may receive PDF action events\" are different rights, and a\n * session that may not fill must still see hover tooltips.\n */\nfunction useWidgetEvents(\n  fieldRef: FormFieldRef,\n  annotationRef: AnnotationRef | null,\n): Pick<\n  React.DOMAttributes<HTMLElement>,\n  'onPointerEnter' | 'onPointerLeave' | 'onPointerUp' | 'onFocus' | 'onBlur'\n> & { onPress: () => void } {\n  const form = useCapability(FormHostToken);\n  const refBox = useRef(annotationRef);\n  refBox.current = annotationRef;\n  return useMemo(() => {\n    const notify = (event: PdfAnnotationEventKind) => {\n      const target = refBox.current;\n      if (target) form.notifyWidgetEvent(fieldRef, target, event);\n    };\n    return {\n      onPointerEnter: () => notify('cursorEnter'),\n      onPointerLeave: () => notify('cursorExit'),\n      // The press, from the box's native listener (`useIsolated`).\n      onPress: () => notify('mouseDown'),\n      onPointerUp: () => notify('mouseUp'),\n      // React focus and blur bubble, so the inner control's focus reaches the\n      // box; blur fires after the control's own commit, so a blur script\n      // always sees the committed value.\n      onFocus: () => notify('focus'),\n      onBlur: () => notify('blur'),\n    };\n  }, [form, fieldRef]);\n}\n\n/**\n * A click on a widget runs its `/A` action. ISO 32000 puts the activate\n * action on the widget, whatever its field, and many forms ship \"buttons\" as\n * read-only text fields with an `/A` that Acrobat runs; a widget without one\n * is inert.\n */\nfunction useWidgetActivation(annotationRef: AnnotationRef | null): () => void {\n  const form = useCapability(FormHostToken);\n  const refBox = useRef(annotationRef);\n  refBox.current = annotationRef;\n  return useCallback(() => {\n    const target = refBox.current;\n    if (target) void form.activateWidget(target);\n  }, [form]);\n}\n\ninterface ControlProps<C extends FormWidgetItem['control']> {\n  item: Extract<FormWidgetItem, { control: C }>;\n  page: PageContextValue;\n  colors: FormColors;\n}\n\n/**\n * The positioned box every control sits in: the widget's event surface, and\n * the edge a field without a border of its own gets, so people see where to\n * fill in.\n */\nfunction WidgetBox({\n  item,\n  page,\n  colors,\n  edge = true,\n  onClick,\n  children,\n  ...rest\n}: {\n  item: FormWidgetItem;\n  page: PageContextValue;\n  colors: FormColors;\n  edge?: boolean;\n  onClick?: () => void;\n  children?: React.ReactNode;\n} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'children'>) {\n  const { onPress, ...events } = useWidgetEvents(item.fieldRef, item.annotationRef);\n  const wrap = useIsolated<HTMLDivElement>(onPress);\n  const frame = rectInPixels(item.box, page.transform);\n  return (\n    <div\n      ref={wrap}\n      {...events}\n      {...rest}\n      onFocus={(event) => {\n        events.onFocus?.(event);\n        rest.onFocus?.(event);\n      }}\n      onBlur={(event) => {\n        events.onBlur?.(event);\n        rest.onBlur?.(event);\n      }}\n      onClick={onClick}\n      style={{ ...widgetBoxStyleOf(item, frame, colors, { edge }), ...rest.style }}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ── the controls ───────────────────────────────────────────────────────────\n\n/** A text box: the picture at rest, an editor in the field's own font while focused. */\nfunction TextControl({ item, page, colors }: ControlProps<'text'>) {\n  const form = useCapability(FormHostToken);\n  const activate = useWidgetActivation(item.annotationRef);\n  // The editor is always mounted, see-through at rest and shown while\n  // focused: the DOM is the focus manager, so Tab reaches every field. Typing\n  // drafts, blur or Enter commits, Escape puts the value back. One editing\n  // policy per field (by its key) and form.\n  const editor = useMemo(\n    () => createTextFieldEditor(form, item.fieldRef, item.value),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [form, item.key],\n  );\n  const { focused, draft } = useSyncExternalStore(\n    editor.subscribe,\n    editor.getState,\n    editor.getState,\n  );\n  // Take the field's value whenever it changes under us, but never mid-edit.\n  useEffect(() => editor.setValue(item.value), [editor, item.value]);\n\n  const frame = rectInPixels(item.box, page.transform);\n  // The text being typed, where the engine will draw it, in its face.\n  const layout = item.annotationRef ? form.getTextEditorLayout(item.annotationRef, draft) : null;\n  useFontMounts(layout ? [layout.program] : NO_PROGRAMS);\n  const editorProps = {\n    value: draft,\n    maxLength: item.maxLength ?? undefined,\n    'aria-label': item.label,\n    disabled: item.disabled,\n    onFocus: editor.focus,\n    onChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n      editor.input(event.target.value),\n    onBlur: editor.blur,\n    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (editor.keyDown(event.key, item.multiline)) event.currentTarget.blur();\n    },\n    style: textFieldEditorStyleOf(item, frame, colors, focused, layout),\n  };\n  return (\n    // A click runs the widget's action too, as in Acrobat: the editor's\n    // focus click bubbles here, a read-only field's lands here directly.\n    <WidgetBox item={item} page={page} colors={colors} onClick={activate}>\n      {item.multiline ? (\n        <textarea {...editorProps} />\n      ) : (\n        <input {...editorProps} type={item.password ? 'password' : 'text'} />\n      )}\n    </WidgetBox>\n  );\n}\n\n/** A checkbox or a radio button: the picture is the control, a click writes the toggled value. */\nfunction ToggleControl({ item, page, colors }: ControlProps<'toggle'>) {\n  const form = useCapability(FormHostToken);\n  const activate = useWidgetActivation(item.annotationRef);\n  const [focused, setFocused] = useState(false);\n  // The value first, then the widget's action (Acrobat's order).\n  const press = () => pressToggle(form, item, activate);\n  return (\n    <WidgetBox\n      item={item}\n      page={page}\n      colors={colors}\n      role={item.kind === 'checkbox' ? 'checkbox' : 'radio'}\n      aria-checked={item.checked}\n      aria-label={item.label}\n      tabIndex={item.disabled ? -1 : 0}\n      onClick={press}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      onKeyDown={(event) => {\n        if (event.key === ' ' || event.key === 'Enter') {\n          event.preventDefault();\n          press();\n        }\n      }}\n      style={{ cursor: item.disabled ? 'default' : 'pointer', outline: 'none' }}\n    >\n      <FormFocusRing visible={focused} color={colors.focus} />\n    </WidgetBox>\n  );\n}\n\n/** A dropdown: an invisible native select over the field's picture. */\nfunction ComboControl({ item, page, colors }: ControlProps<'choice'>) {\n  const form = useCapability(FormHostToken);\n  const activate = useWidgetActivation(item.annotationRef);\n  const [focused, setFocused] = useState(false);\n  return (\n    <WidgetBox item={item} page={page} colors={colors} onClick={activate}>\n      <select\n        key={item.selected.join('\\0')}\n        defaultValue={item.selected[0] ?? ''}\n        aria-label={item.label}\n        disabled={item.disabled}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        onChange={(event) =>\n          void form.setValue(item.fieldRef, { value: event.currentTarget.value || null })\n        }\n        style={{\n          ...FORM_CONTROL_FILL,\n          opacity: 0,\n          cursor: item.disabled ? 'default' : 'pointer',\n          ...(item.disabled ? { pointerEvents: 'none' as const } : {}),\n        }}\n      >\n        {item.selected.length === 0 && <option value=\"\" />}\n        {item.options.map((option, index) => (\n          <option key={index} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n      <FormFocusRing visible={focused} color={colors.focus} />\n    </WidgetBox>\n  );\n}\n\n/** A list: a visible native select in the field's own look, the settings where it has none. */\nfunction ListControl({ item, page, colors }: ControlProps<'choice'>) {\n  const form = useCapability(FormHostToken);\n  const activate = useWidgetActivation(item.annotationRef);\n  const [focused, setFocused] = useState(false);\n  const frame = rectInPixels(item.box, page.transform);\n  return (\n    <WidgetBox item={item} page={page} colors={colors} edge={false} onClick={activate}>\n      <NativeListBox\n        ariaLabel={item.label}\n        disabled={item.disabled}\n        multi={item.multi}\n        options={item.options}\n        selected={item.selected}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        onSelect={async (values) => {\n          await form.setValue(item.fieldRef, { selectedValues: values });\n        }}\n        style={listBoxControlStyleOf(item, frame, colors)}\n      />\n      <FormFocusRing visible={focused} color={colors.focus} />\n    </WidgetBox>\n  );\n}\n\n/** A push button: a native click target over its picture that runs its action. */\nfunction ButtonControl({ item, page, colors }: ControlProps<'button'>) {\n  const activate = useWidgetActivation(item.annotationRef);\n  return (\n    <WidgetBox\n      item={item}\n      page={page}\n      colors={colors}\n      edge={false}\n      style={{ cursor: item.disabled ? 'default' : 'pointer' }}\n    >\n      <button\n        type=\"button\"\n        aria-label={item.label}\n        disabled={item.disabled}\n        onClick={activate}\n        style={{\n          ...FORM_CONTROL_FILL,\n          padding: 0,\n          border: 0,\n          background: 'transparent',\n          cursor: 'inherit',\n          // The box is the event surface; a disabled button must not swallow the pointer.\n          pointerEvents: item.disabled ? 'none' : 'auto',\n        }}\n      />\n    </WidgetBox>\n  );\n}\n\n/**\n * A signature field: with the signature plugin, an empty field is \"sign\n * here\" (it becomes the target the next mark goes to), and a signed one asks\n * your UI to show its details. Without it, the field is only its picture.\n */\nfunction SignatureControl({ item, page, colors }: ControlProps<'signature'>) {\n  const signature = useOptionalCapability(SignatureToken);\n  const ref = item.fieldRef;\n  // The signature plugin knows best whether it's signed (it reads again after\n  // every new version); the field's own value is the fallback.\n  const signed = useOptionalSelector(\n    SignatureToken,\n    (capability) => capability.getSignature(ref)?.signed ?? item.signed,\n    item.signed,\n  );\n  const actionable = signature !== null && (signed || !item.disabled);\n  return (\n    <WidgetBox\n      item={item}\n      page={page}\n      colors={colors}\n      style={{ cursor: actionable ? 'pointer' : 'default' }}\n    >\n      {actionable ? (\n        <button\n          type=\"button\"\n          aria-label={item.label}\n          data-signed={signed ? '' : undefined}\n          onClick={() => (signed ? signature.requestInspection(ref) : signature.setTarget(ref))}\n          style={{\n            ...FORM_CONTROL_FILL,\n            padding: 0,\n            border: 0,\n            background: 'transparent',\n            cursor: 'inherit',\n          }}\n        />\n      ) : null}\n    </WidgetBox>\n  );\n}\n\n/**\n * The form's fields on one page: their pictures, and the controls people fill\n * them in with. Put it above the page's picture (`<RenderLayer>`, and\n * `<AnnotationLayer>` when the annotation plugin is registered); while it's\n * there, the render layer leaves the fields out of the page's picture. The\n * controls show while the active tool fills forms (the `pointer` and `pan`\n * tools do), and stand down in design mode, where fields are boxes you\n * select and move.\n */\nexport function FormLayer() {\n  const page = usePage();\n  const form = useCapability(FormHostToken);\n  const colors = useFormColors();\n  const active = useSelector(InteractionToken, (interaction) =>\n    interaction.activeToolEnables('form-fill'),\n  );\n  usePaintsPagePart(page.ref, 'formFields');\n\n  useEffect(() => {\n    void form.ensureLoaded(page.ref);\n  }, [form, page.ref]);\n\n  const items = useSelector(\n    FormHostToken,\n    (capability) => capability.listWidgets(page.ref),\n    shallowArray,\n  );\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      <FieldPictures page={page} />\n      {(active ? items : []).map((item) => {\n        const key = `${item.key}:${item.annotObjectNumber}`;\n        switch (item.control) {\n          case 'text':\n            return <TextControl key={key} item={item} page={page} colors={colors} />;\n          case 'toggle':\n            return <ToggleControl key={key} item={item} page={page} colors={colors} />;\n          case 'choice':\n            return item.kind === 'list' ? (\n              <ListControl key={key} item={item} page={page} colors={colors} />\n            ) : (\n              <ComboControl key={key} item={item} page={page} colors={colors} />\n            );\n          case 'button':\n            return <ButtonControl key={key} item={item} page={page} colors={colors} />;\n          case 'signature':\n            return <SignatureControl key={key} item={item} page={page} colors={colors} />;\n        }\n      })}\n    </div>\n  );\n}\n\n/**\n * The page's fields as they look now. Each widget shows its picture, as the\n * engine draws it (the form plugin's, every state loaded, so a check box\n * shows its new state at once), or the painter's drawing while its look is\n * pending or its picture is of an older version (`pictureOrPainting`): a\n * value, a calculation, a restyle shows at once. Hidden widgets aren't drawn.\n */\nfunction FieldPictures({ page }: { page: PageContextValue }) {\n  const form = useCapability(FormHostToken);\n  const widgets = useSelector(\n    FormHostToken,\n    (form) => form.listShownWidgets(page.ref),\n    shallowArray,\n  );\n  // Loaded again when one of the page's widgets is drawn again, and at appearance-scale crossings.\n  const epoch = useSelector(FormHostToken, (form) => form.getAppearanceEpoch(page.ref));\n  const scale = useOptionalSelector(\n    RenderToken,\n    (render) => render.getAppearanceScale(page.transform.renderScale),\n    0,\n  );\n  // `null` until the page's first pictures arrive.\n  const [urls, setUrls] = useState<Record<string, AppearanceUrl> | null>(null);\n  // The pictures shown stay valid until the next ones are shown.\n  const [shown] = useState(createShownUrls);\n  useEffect(() => () => shown.release(), [shown]);\n\n  useEffect(() => {\n    if (!scale) return;\n    return loadAppearanceUrls(\n      shown,\n      (signal) => form.renderAppearances(page.ref, scale, signal),\n      annotationKey,\n      setUrls,\n    );\n  }, [shown, form, page.ref, scale, epoch]);\n\n  const looks = widgets.map((widget) =>\n    pictureOrPainting({\n      pending: widget.pending,\n      picture: urls && shownAppearance(urls, annotationKey(widget.ref), widget.appearanceState),\n      version: widget.pictureVersion,\n      loaded: urls !== null,\n      paint: () => form.getWidgetPainting(widget.ref),\n    }),\n  );\n\n  return (\n    <>\n      {widgets.map((widget, index) => {\n        const look = looks[index];\n        if (!look) return null;\n        const key = annotationKey(widget.ref);\n        if (look.kind === 'painting') {\n          const { x, y, width, height } = widget.rect;\n          const frame = rectInPixels(widget.rect, page.transform);\n          return (\n            <svg\n              key={key}\n              viewBox={`${x} ${y} ${width} ${height}`}\n              style={{\n                position: 'absolute',\n                left: frame.left,\n                top: frame.top,\n                width: frame.width,\n                height: frame.height,\n                overflow: 'visible',\n                pointerEvents: 'none',\n              }}\n            >\n              <SvgShapes shapes={svgShapesOf(look.painting.scene, { miterLimit: MITER_LIMIT })} />\n            </svg>\n          );\n        }\n        const frame = rectInPixels(look.picture.box, page.transform);\n        return (\n          <img\n            key={key}\n            src={look.picture.url}\n            alt=\"\"\n            draggable={false}\n            style={{\n              position: 'absolute',\n              left: frame.left,\n              top: frame.top,\n              width: frame.width,\n              height: frame.height,\n              // A global `img { max-width: 100% }` reset would clamp it.\n              maxWidth: 'none',\n              maxHeight: 'none',\n              pointerEvents: 'none',\n            }}\n          />\n        );\n      })}\n    </>\n  );\n}\n\nconst NO_PROGRAMS: readonly MountableFontProgram[] = Object.freeze([]);\n\n// ── hooks ──────────────────────────────────────────────────────────────────\n\n/** The form API for the surrounding document: reading, filling, form data and building. */\nexport function useForm(): FormCapability {\n  return useCapability(FormToken);\n}\n\n/** Subscribe to one form event while mounted: `useFormEvent((form) => form.onValueChanged, handler)`. */\nexport function useFormEvent<T>(\n  select: (form: FormCapability) => EventHook<T>,\n  handler: (event: T) => void,\n): void {\n  useCapabilityEvent(FormToken, select, handler);\n}\n\n/**\n * The form's state: every field, whether it's read, what kind of form the\n * document has, and the field of the selected widget (the page's State\n * table, declared once in `formState`). Takes a selector, and re-renders only\n * when what it returns changes.\n */\nexport const useFormState = stateHook(formState);\n\n/** The form settings (`validation`, `focus`, `fields`), with or without a document. Takes a selector. */\nexport const useFormSettings = settingsHook(FormToken);\n\n/**\n * One field's value, in the shape `setValue()` takes, or `null`: re-renders\n * only when that field's value changes. Empty without a document.\n */\nexport function useFormValue(ref: FormFieldRef): FormFieldValue | null {\n  const scoped = useDocumentScope();\n  const key = ref.kind === 'fqn' ? `n:${ref.name}` : `o:${ref.objectNumber}`;\n  // Keyed by value, so an inline `toFieldRef('total')` never subscribes again.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stable = useMemo(() => ref, [key]);\n  return useKernelValue(\n    (kernel) => kernel.tryCapability(FormToken, scoped ?? undefined)?.getValue(stable) ?? null,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,cAAc,EAC5B,WACA,UACA,OACA,SACA,UACA,UACA,SACA,QACA,SACqB;CACrB,MAAM,CAAC,aAAa,eAAe,0BAA0B,QAAQ,CAAC;CACtE,MAAM,QAAQ,qBAAqB,UAAU,WAAW,UAAU,KAAK,UAAU,GAAG;CACpF,MAAM,aAAa,OAA0B,IAAI;CAKjD,gBAAiB,WAAW,UAAU,aAAa,WAAW,OAAO,IAAI,KAAA,GAAY,CAAC,CAAC;CAEvF,gBAAgB,UAAU,aAAa,QAAQ,GAAG,CAAC,WAAW,QAAQ,CAAC;CAEvE,OACE,oBAAC,UAAD;EACE,KAAK;EACL,cAAY;EACZ,UAAU;EACV,MAAM,KAAK,IAAI,GAAG,QAAQ,MAAM;EACtB;EACV,OAAO,QAAQ,QAAS,MAAM,MAAM;EAC3B;EACD;EACR,WAAW,UACT,UAAU,OACR,MAAM,KAAK,MAAM,cAAc,eAAe,CAAC,CAAC,KAAK,WAAW,OAAO,KAAK,GAC5E,QACF;EAEK;EAEN,UAAA,QAAQ,KAAK,QAAQ,UACpB,oBAAC,UAAD;GAAoB,OAAO,OAAO;GAC/B,UAAA,OAAO;EACF,GAFK,KAEL,CACT;CACK,CAAA;AAEZ;;;;;;;;;AC9DA,SAAgB,cAAc,EAAE,SAAS,SAA6B;CACpE,IAAI,CAAC,SAAS,OAAO;CACrB,OACE,oBAAC,QAAD;EAAM,eAAY;EAAO,iCAA8B;EAAG,OAAO,qBAAqB,KAAK;CAAI,CAAA;AAEnG;;;;AC0EA,SAAS,gBAA4B;CACnC,MAAM,SAAS,mBAAmB,aAAa,SAAS,MAAM;CAC9D,MAAM,QAAQ,iBAAiB,aAAa,SAAS,KAAK;CAC1D,MAAM,SAAS,iBAAiB,aAAa,SAAS,MAAM;CAC5D,OAAO,cAAc,aAAa;EAAE;EAAO;CAAO,GAAG,MAAM,GAAG;EAAC;EAAQ;EAAO;CAAM,CAAC;AACvF;;;;;;;;AASA,SAAS,YAAmC,SAAsB;CAChE,MAAM,MAAM,OAAU,IAAI;CAC1B,MAAM,QAAQ,OAAO,OAAO;CAC5B,MAAM,UAAU;CAChB,gBACS,IAAI,UAAU,mBAAmB,IAAI,eAAe,MAAM,UAAU,CAAC,IAAI,KAAA,GAChF,CAAC,CACH;CACA,OAAO;AACT;;;;;;;;AASA,SAAS,gBACP,UACA,eAI0B;CAC1B,MAAM,OAAO,cAAcA,WAAa;CACxC,MAAM,SAAS,OAAO,aAAa;CACnC,OAAO,UAAU;CACjB,OAAO,cAAc;EACnB,MAAM,UAAU,UAAkC;GAChD,MAAM,SAAS,OAAO;GACtB,IAAI,QAAQ,KAAK,kBAAkB,UAAU,QAAQ,KAAK;EAC5D;EACA,OAAO;GACL,sBAAsB,OAAO,aAAa;GAC1C,sBAAsB,OAAO,YAAY;GAEzC,eAAe,OAAO,WAAW;GACjC,mBAAmB,OAAO,SAAS;GAInC,eAAe,OAAO,OAAO;GAC7B,cAAc,OAAO,MAAM;EAC7B;CACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AACrB;;;;;;;AAQA,SAAS,oBAAoB,eAAiD;CAC5E,MAAM,OAAO,cAAcA,WAAa;CACxC,MAAM,SAAS,OAAO,aAAa;CACnC,OAAO,UAAU;CACjB,OAAO,kBAAkB;EACvB,MAAM,SAAS,OAAO;EACtB,IAAI,QAAQ,KAAU,eAAe,MAAM;CAC7C,GAAG,CAAC,IAAI,CAAC;AACX;;;;;;AAaA,SAAS,UAAU,EACjB,MACA,MACA,QACA,OAAO,MACP,SACA,UACA,GAAG,QAQmE;CACtE,MAAM,EAAE,SAAS,GAAG,WAAW,gBAAgB,KAAK,UAAU,KAAK,aAAa;CAChF,MAAM,OAAO,YAA4B,OAAO;CAChD,MAAM,QAAQ,aAAa,KAAK,KAAK,KAAK,SAAS;CACnD,OACE,oBAAC,OAAD;EACE,KAAK;EACL,GAAI;EACJ,GAAI;EACJ,UAAU,UAAU;GAClB,OAAO,UAAU,KAAK;GACtB,KAAK,UAAU,KAAK;EACtB;EACA,SAAS,UAAU;GACjB,OAAO,SAAS,KAAK;GACrB,KAAK,SAAS,KAAK;EACrB;EACS;EACT,OAAO;GAAE,GAAG,iBAAiB,MAAM,OAAO,QAAQ,EAAE,KAAK,CAAC;GAAG,GAAG,KAAK;EAAM;EAE1E;CACE,CAAA;AAET;;AAKA,SAAS,YAAY,EAAE,MAAM,MAAM,UAAgC;CACjE,MAAM,OAAO,cAAcA,WAAa;CACxC,MAAM,WAAW,oBAAoB,KAAK,aAAa;CAKvD,MAAM,SAAS,cACP,sBAAsB,MAAM,KAAK,UAAU,KAAK,KAAK,GAE3D,CAAC,MAAM,KAAK,GAAG,CACjB;CACA,MAAM,EAAE,SAAS,UAAU,qBACzB,OAAO,WACP,OAAO,UACP,OAAO,QACT;CAEA,gBAAgB,OAAO,SAAS,KAAK,KAAK,GAAG,CAAC,QAAQ,KAAK,KAAK,CAAC;CAEjE,MAAM,QAAQ,aAAa,KAAK,KAAK,KAAK,SAAS;CAEnD,MAAM,SAAS,KAAK,gBAAgB,KAAK,oBAAoB,KAAK,eAAe,KAAK,IAAI;CAC1F,cAAc,SAAS,CAAC,OAAO,OAAO,IAAI,WAAW;CACrD,MAAM,cAAc;EAClB,OAAO;EACP,WAAW,KAAK,aAAa,KAAA;EAC7B,cAAc,KAAK;EACnB,UAAU,KAAK;EACf,SAAS,OAAO;EAChB,WAAW,UACT,OAAO,MAAM,MAAM,OAAO,KAAK;EACjC,QAAQ,OAAO;EACf,YAAY,UAAuE;GACjF,IAAI,OAAO,QAAQ,MAAM,KAAK,KAAK,SAAS,GAAG,MAAM,cAAc,KAAK;EAC1E;EACA,OAAO,uBAAuB,MAAM,OAAO,QAAQ,SAAS,MAAM;CACpE;CACA,OAGE,oBAAC,WAAD;EAAiB;EAAY;EAAc;EAAQ,SAAS;EACzD,UAAA,KAAK,YACJ,oBAAC,YAAD,EAAU,GAAI,YAAc,CAAA,IAE5B,oBAAC,SAAD;GAAO,GAAI;GAAa,MAAM,KAAK,WAAW,aAAa;EAAS,CAAA;CAE7D,CAAA;AAEf;;AAGA,SAAS,cAAc,EAAE,MAAM,MAAM,UAAkC;CACrE,MAAM,OAAO,cAAcA,WAAa;CACxC,MAAM,WAAW,oBAAoB,KAAK,aAAa;CACvD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,cAAc,YAAY,MAAM,MAAM,QAAQ;CACpD,OACE,oBAAC,WAAD;EACQ;EACA;EACE;EACR,MAAM,KAAK,SAAS,aAAa,aAAa;EAC9C,gBAAc,KAAK;EACnB,cAAY,KAAK;EACjB,UAAU,KAAK,WAAW,KAAK;EAC/B,SAAS;EACT,eAAe,WAAW,IAAI;EAC9B,cAAc,WAAW,KAAK;EAC9B,YAAY,UAAU;GACpB,IAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;IAC9C,MAAM,eAAe;IACrB,MAAM;GACR;EACF;EACA,OAAO;GAAE,QAAQ,KAAK,WAAW,YAAY;GAAW,SAAS;EAAO;EAExE,UAAA,oBAAC,eAAD;GAAe,SAAS;GAAS,OAAO,OAAO;EAAQ,CAAA;CAC9C,CAAA;AAEf;;AAGA,SAAS,aAAa,EAAE,MAAM,MAAM,UAAkC;CACpE,MAAM,OAAO,cAAcA,WAAa;CACxC,MAAM,WAAW,oBAAoB,KAAK,aAAa;CACvD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,OACE,qBAAC,WAAD;EAAiB;EAAY;EAAc;EAAQ,SAAS;EAA5D,UAAA,CACE,qBAAC,UAAD;GAEE,cAAc,KAAK,SAAS,MAAM;GAClC,cAAY,KAAK;GACjB,UAAU,KAAK;GACf,eAAe,WAAW,IAAI;GAC9B,cAAc,WAAW,KAAK;GAC9B,WAAW,UACT,KAAK,KAAK,SAAS,KAAK,UAAU,EAAE,OAAO,MAAM,cAAc,SAAS,KAAK,CAAC;GAEhF,OAAO;IACL,GAAG;IACH,SAAS;IACT,QAAQ,KAAK,WAAW,YAAY;IACpC,GAAI,KAAK,WAAW,EAAE,eAAe,OAAgB,IAAI,CAAC;GAC5D;GAfF,UAAA,CAiBG,KAAK,SAAS,WAAW,KAAK,oBAAC,UAAD,EAAQ,OAAM,GAAI,CAAA,GAChD,KAAK,QAAQ,KAAK,QAAQ,UACzB,oBAAC,UAAD;IAAoB,OAAO,OAAO;IAC/B,UAAA,OAAO;GACF,GAFK,KAEL,CACT,CACK;EAtBD,GAAA,KAAK,SAAS,KAAK,IAAI,CAsBtB,GACR,oBAAC,eAAD;GAAe,SAAS;GAAS,OAAO,OAAO;EAAQ,CAAA,CAC9C;;AAEf;;AAGA,SAAS,YAAY,EAAE,MAAM,MAAM,UAAkC;CACnE,MAAM,OAAO,cAAcA,WAAa;CACxC,MAAM,WAAW,oBAAoB,KAAK,aAAa;CACvD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,QAAQ,aAAa,KAAK,KAAK,KAAK,SAAS;CACnD,OACE,qBAAC,WAAD;EAAiB;EAAY;EAAc;EAAQ,MAAM;EAAO,SAAS;EAAzE,UAAA,CACE,oBAAC,eAAD;GACE,WAAW,KAAK;GAChB,UAAU,KAAK;GACf,OAAO,KAAK;GACZ,SAAS,KAAK;GACd,UAAU,KAAK;GACf,eAAe,WAAW,IAAI;GAC9B,cAAc,WAAW,KAAK;GAC9B,UAAU,OAAO,WAAW;IAC1B,MAAM,KAAK,SAAS,KAAK,UAAU,EAAE,gBAAgB,OAAO,CAAC;GAC/D;GACA,OAAO,sBAAsB,MAAM,OAAO,MAAM;EACjD,CAAA,GACD,oBAAC,eAAD;GAAe,SAAS;GAAS,OAAO,OAAO;EAAQ,CAAA,CAC9C;;AAEf;;AAGA,SAAS,cAAc,EAAE,MAAM,MAAM,UAAkC;CACrE,MAAM,WAAW,oBAAoB,KAAK,aAAa;CACvD,OACE,oBAAC,WAAD;EACQ;EACA;EACE;EACR,MAAM;EACN,OAAO,EAAE,QAAQ,KAAK,WAAW,YAAY,UAAU;EAEvD,UAAA,oBAAC,UAAD;GACE,MAAK;GACL,cAAY,KAAK;GACjB,UAAU,KAAK;GACf,SAAS;GACT,OAAO;IACL,GAAG;IACH,SAAS;IACT,QAAQ;IACR,YAAY;IACZ,QAAQ;IAER,eAAe,KAAK,WAAW,SAAS;GAC1C;EACD,CAAA;CACQ,CAAA;AAEf;;;;;;AAOA,SAAS,iBAAiB,EAAE,MAAM,MAAM,UAAqC;CAC3E,MAAM,YAAY,sBAAsB,cAAc;CACtD,MAAM,MAAM,KAAK;CAGjB,MAAM,SAAS,oBACb,iBACC,eAAe,WAAW,aAAa,GAAG,CAAC,EAAE,UAAU,KAAK,QAC7D,KAAK,MACP;CACA,MAAM,aAAa,cAAc,SAAS,UAAU,CAAC,KAAK;CAC1D,OACE,oBAAC,WAAD;EACQ;EACA;EACE;EACR,OAAO,EAAE,QAAQ,aAAa,YAAY,UAAU;EAEnD,UAAA,aACC,oBAAC,UAAD;GACE,MAAK;GACL,cAAY,KAAK;GACjB,eAAa,SAAS,KAAK,KAAA;GAC3B,eAAgB,SAAS,UAAU,kBAAkB,GAAG,IAAI,UAAU,UAAU,GAAG;GACnF,OAAO;IACL,GAAG;IACH,SAAS;IACT,QAAQ;IACR,YAAY;IACZ,QAAQ;GACV;EACD,CAAA,IACC;CACK,CAAA;AAEf;;;;;;;;;;AAWA,SAAgB,YAAY;CAC1B,MAAM,OAAO,QAAQ;CACrB,MAAM,OAAO,cAAcA,WAAa;CACxC,MAAM,SAAS,cAAc;CAC7B,MAAM,SAAS,YAAY,mBAAmB,gBAC5C,YAAY,kBAAkB,WAAW,CAC3C;CACA,kBAAkB,KAAK,KAAK,YAAY;CAExC,gBAAgB;EACd,KAAU,aAAa,KAAK,GAAG;CACjC,GAAG,CAAC,MAAM,KAAK,GAAG,CAAC;CAEnB,MAAM,QAAQ,YACZA,cACC,eAAe,WAAW,YAAY,KAAK,GAAG,GAC/C,YACF;CAEA,OACE,qBAAC,OAAD;EAAK,OAAO;GAAE,UAAU;GAAY,OAAO;GAAG,eAAe;EAAO;EAApE,UAAA,CACE,oBAAC,eAAD,EAAqB,KAAO,CAAA,IAC1B,SAAS,QAAQ,CAAC,EAAA,CAAG,KAAK,SAAS;GACnC,MAAM,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK;GAChC,QAAQ,KAAK,SAAb;IACE,KAAK,QACH,OAAO,oBAAC,aAAD;KAA6B;KAAY;KAAc;IAAS,GAA9C,GAA8C;IACzE,KAAK,UACH,OAAO,oBAAC,eAAD;KAA+B;KAAY;KAAc;IAAS,GAA9C,GAA8C;IAC3E,KAAK,UACH,OAAO,KAAK,SAAS,SACnB,oBAAC,aAAD;KAA6B;KAAY;KAAc;IAAS,GAA9C,GAA8C,IAEhE,oBAAC,cAAD;KAA8B;KAAY;KAAc;IAAS,GAA9C,GAA8C;IAErE,KAAK,UACH,OAAO,oBAAC,eAAD;KAA+B;KAAY;KAAc;IAAS,GAA9C,GAA8C;IAC3E,KAAK,aACH,OAAO,oBAAC,kBAAD;KAAkC;KAAY;KAAc;IAAS,GAA9C,GAA8C;GAChF;EACF,CAAC,CACE;;AAET;;;;;;;;AASA,SAAS,cAAc,EAAE,QAAoC;CAC3D,MAAM,OAAO,cAAcA,WAAa;CACxC,MAAM,UAAU,YACdA,cACC,SAAS,KAAK,iBAAiB,KAAK,GAAG,GACxC,YACF;CAEA,MAAM,QAAQ,YAAYA,cAAgB,SAAS,KAAK,mBAAmB,KAAK,GAAG,CAAC;CACpF,MAAM,QAAQ,oBACZ,cACC,WAAW,OAAO,mBAAmB,KAAK,UAAU,WAAW,GAChE,CACF;CAEA,MAAM,CAAC,MAAM,WAAW,SAA+C,IAAI;CAE3E,MAAM,CAAC,SAAS,SAAS,eAAe;CACxC,sBAAsB,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC;CAE9C,gBAAgB;EACd,IAAI,CAAC,OAAO;EACZ,OAAO,mBACL,QACC,WAAW,KAAK,kBAAkB,KAAK,KAAK,OAAO,MAAM,GAC1D,eACA,OACF;CACF,GAAG;EAAC;EAAO;EAAM,KAAK;EAAK;EAAO;CAAK,CAAC;CAExC,MAAM,QAAQ,QAAQ,KAAK,WACzB,kBAAkB;EAChB,SAAS,OAAO;EAChB,SAAS,QAAQ,gBAAgB,MAAM,cAAc,OAAO,GAAG,GAAG,OAAO,eAAe;EACxF,SAAS,OAAO;EAChB,QAAQ,SAAS;EACjB,aAAa,KAAK,kBAAkB,OAAO,GAAG;CAChD,CAAC,CACH;CAEA,OACE,oBAAA,UAAA,EAAA,UACG,QAAQ,KAAK,QAAQ,UAAU;EAC9B,MAAM,OAAO,MAAM;EACnB,IAAI,CAAC,MAAM,OAAO;EAClB,MAAM,MAAM,cAAc,OAAO,GAAG;EACpC,IAAI,KAAK,SAAS,YAAY;GAC5B,MAAM,EAAE,GAAG,GAAG,OAAO,WAAW,OAAO;GACvC,MAAM,QAAQ,aAAa,OAAO,MAAM,KAAK,SAAS;GACtD,OACE,oBAAC,OAAD;IAEE,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG;IAC/B,OAAO;KACL,UAAU;KACV,MAAM,MAAM;KACZ,KAAK,MAAM;KACX,OAAO,MAAM;KACb,QAAQ,MAAM;KACd,UAAU;KACV,eAAe;IACjB;IAEA,UAAA,oBAAC,WAAD,EAAW,QAAQ,YAAY,KAAK,SAAS,OAAO,EAAE,YAAY,YAAY,CAAC,EAAI,CAAA;GAChF,GAbE,GAaF;EAET;EACA,MAAM,QAAQ,aAAa,KAAK,QAAQ,KAAK,KAAK,SAAS;EAC3D,OACE,oBAAC,OAAD;GAEE,KAAK,KAAK,QAAQ;GAClB,KAAI;GACJ,WAAW;GACX,OAAO;IACL,UAAU;IACV,MAAM,MAAM;IACZ,KAAK,MAAM;IACX,OAAO,MAAM;IACb,QAAQ,MAAM;IAEd,UAAU;IACV,WAAW;IACX,eAAe;GACjB;EACD,GAfM,GAeN;CAEL,CAAC,EACD,CAAA;AAEN;AAEA,MAAM,cAA+C,OAAO,OAAO,CAAC,CAAC;;AAKrE,SAAgB,UAA0B;CACxC,OAAO,cAAc,SAAS;AAChC;;AAGA,SAAgB,aACd,QACA,SACM;CACN,mBAAmB,WAAW,QAAQ,OAAO;AAC/C;;;;;;;AAQA,MAAa,eAAe,UAAU,SAAS;;AAG/C,MAAa,kBAAkB,aAAa,SAAS;;;;;AAMrD,SAAgB,aAAa,KAA0C;CACrE,MAAM,SAAS,iBAAiB;CAIhC,MAAM,SAAS,cAAc,KAAK,CAHtB,IAAI,SAAS,QAAQ,KAAK,IAAI,SAAS,KAAK,IAAI,cAGtB,CAAC;CACvC,OAAO,gBACJ,WAAW,OAAO,cAAc,WAAW,UAAU,KAAA,CAAS,CAAC,EAAE,SAAS,MAAM,KAAK,IACxF;AACF"}