@panneau/fields 5.0.0-alpha.1 → 5.0.0-alpha.10

package/dist/datetime/DateTimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeField.js","names":["_c"],"sources":["../../src/datetime/DateTimeField.tsx"],"sourcesContent":["import { getLocalTimeZone, now } from '@internationalized/date';\n\nimport { DatePicker } from '@panneau/ui';\n\nimport { fromDateTime, toDateTime } from '../shared/dates';\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface DateTimeFieldProps extends FieldProps<string> {\n    /**\n     * Time zone the date and time are shown and typed in, for values with an offset. Defaults to\n     * the browser's.\n     */\n    timeZone?: string;\n    /** Shows seconds. */\n    withSeconds?: boolean;\n    /** Defaults to the locale's. */\n    hourCycle?: 12 | 24;\n    controlClassName?: string;\n}\n\n/**\n * A date and a time as an ISO string. Values with an offset (`2026-10-15T13:30:00Z`) are shown in\n * the time zone of the browser and written back in UTC. Values without one\n * (`2026-10-15T09:30:00`) are kept without one.\n */\nexport function DateTimeField({\n    value,\n    onChange,\n    timeZone = getLocalTimeZone(),\n    withSeconds = false,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: DateTimeFieldProps) {\n    const current = toDateTime(value, timeZone);\n    return (\n        <DatePicker\n            {...props}\n            granularity={withSeconds ? 'second' : 'minute'}\n            hideTimeZone\n            value={current}\n            onChange={(next) => {\n                if (next === null) {\n                    onChange?.(null);\n                    return;\n                }\n                if ('hour' in next) {\n                    onChange?.(fromDateTime(next));\n                }\n            }}\n            // Typed from empty, a value is in the field's time zone, and written in UTC.\n            placeholderValue={current ?? now(timeZone).set({ second: 0, millisecond: 0 })}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `datetime` type: setting `timeZone`. */\nexport function DateTimeFieldEntry(props: FieldEntryProps) {\n    const timeZone = getSetting(props.field, 'timeZone', isString);\n    return (\n        <DateTimeField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(timeZone !== undefined ? { timeZone } : {})}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,SAAgB,cAAc,EAC1B,OACA,UACA,WAAW,iBAAiB,GAC5B,cAAc,OACd,UACA,UACA,UACA,GAAG,SACgB;CACnB,MAAM,UAAU,WAAW,OAAO,QAAQ;CAC1C,OACI,oBAAC,YAAD;EACI,GAAI;EACJ,aAAa,cAAc,WAAW;EACtC,cAAA;EACA,OAAO;EACP,WAAW,SAAS;GAChB,IAAI,SAAS,MAAM;IACf,WAAW,IAAI;IACf;GACJ;GACA,IAAI,UAAU,MACV,WAAW,aAAa,IAAI,CAAC;EAErC;EAEA,kBAAkB,WAAW,IAAI,QAAQ,CAAC,CAAC,IAAI;GAAE,QAAQ;GAAG,aAAa;EAAE,CAAC;EAC5E,YAAY;EACZ,YAAY;EACZ,YAAY;CAAS,CAAA;AAGjC;;AAGA,SAAO,mBAAA,OAAA;CAAA,MAAA,IAAAA,EAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,OAAA;EACc,KAAA,WAAW,MAAK,OAAQ,YAAY,QAAQ;EAAC,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAA9D,MAAA,WAAiB;CAA8C,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAGnD,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,SAAS,MAAK,KAA2B,IAAjB,MAAK,QAA7B;CAA0C,IAAA;CAAA,IAAA,EAAA,OAAA,UAAA;EAE5C,KAAA,aAAa,KAAA,IAAb,EAAA,SAAyC,IAAzC,CAAyC;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAJnD,KAAA,oBAAC,eAAD;GAAc,GACN;GACG,OAAA;GACG,UAAA,MAAK;GAAS,GACnB;EAA0C,CAAA;EACjD,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALF;AAKE"}
+{"version":3,"file":"DateTimeField.js","names":["getLocalTimeZone","now","DatePicker","fromDateTime","toDateTime","getFieldProps","getSetting","isString","FieldEntryProps","FieldProps","DateTimeFieldProps","timeZone","withSeconds","hourCycle","controlClassName","DateTimeField","t0","$","_c","disabled","onChange","props","readOnly","required","t1","t2","value","T0","t3","t4","t5","t6","t7","t8","undefined","current","next","set","second","millisecond","t9","DateTimeFieldEntry","field","_c"],"sources":["../../src/datetime/DateTimeField.tsx"],"sourcesContent":["import { getLocalTimeZone, now } from '@internationalized/date';\n\nimport { DatePicker } from '@panneau/ui';\n\nimport { fromDateTime, toDateTime } from '../shared/dates';\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface DateTimeFieldProps extends FieldProps<string> {\n    /**\n     * Time zone the date and time are shown and typed in, for values with an offset. Defaults to\n     * the browser's.\n     */\n    timeZone?: string;\n    /** Shows seconds. */\n    withSeconds?: boolean;\n    /** Defaults to the locale's. */\n    hourCycle?: 12 | 24;\n    controlClassName?: string;\n}\n\n/**\n * A date and a time as an ISO string. Values with an offset (`2026-10-15T13:30:00Z`) are shown in\n * the time zone of the browser and written back in UTC. Values without one\n * (`2026-10-15T09:30:00`) are kept without one.\n */\nexport function DateTimeField({\n    value,\n    onChange,\n    timeZone = getLocalTimeZone(),\n    withSeconds = false,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: DateTimeFieldProps) {\n    const current = toDateTime(value, timeZone);\n    return (\n        <DatePicker\n            {...props}\n            granularity={withSeconds ? 'second' : 'minute'}\n            hideTimeZone\n            value={current}\n            onChange={(next) => {\n                if (next === null) {\n                    onChange?.(null);\n                    return;\n                }\n                if ('hour' in next) {\n                    onChange?.(fromDateTime(next));\n                }\n            }}\n            // Typed from empty, a value is in the field's time zone, and written in UTC.\n            placeholderValue={current ?? now(timeZone).set({ second: 0, millisecond: 0 })}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `datetime` type: setting `timeZone`. */\nexport function DateTimeFieldEntry(props: FieldEntryProps) {\n    const timeZone = getSetting(props.field, 'timeZone', isString);\n    return (\n        <DateTimeField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(timeZone !== undefined ? { timeZone } : {})}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,SAAOe,cAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAT,EAAA,OAAAD,IAAA;EAAuB,CAAA,CAAAU,OAAAN,UAAAT,UAAAa,IAAAZ,aAAAa,IAAAN,UAAAG,UAAAC,UAAA,GAAAF,SAAAL;EASTC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;CAAA,OAAA;EAAAP,WAAAF,EAAA;EAAAG,WAAAH,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,WAAAL,EAAA;EAAAM,WAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,KAAAR,EAAA;EAAAS,QAAAT,EAAA;CAAA;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAhB,EAAA,OAAAG,YAAAH,EAAA,QAAAI,SAAAJ,EAAA,QAAAO,MAAAP,EAAA,QAAAQ,MAAAR,EAAA,QAAAS,OAAA;EANjB,MAAAf,WAAAa,OAAAU,KAAAA,IAAWlC,iBAAiB,IAA5BwB;EACA,MAAAZ,cAAAa,OAAAS,KAAAA,IAAA,QAAAT;EAMA,MAAAU,UAAgB/B,WAAWsB,OAAOf,QAAQ;EAErCgB,KAAAzB;EACOmB,KAAAA;EACSQ,KAAAjB,cAAA,WAAA;EACbkB,KAAA;EACOK,KAAAA;EAAO,IAAAlB,EAAA,QAAAG,UAAA;GACJY,MAAAI,SAAA;IACN,IAAIA,SAAS,MAAI;KACbhB,WAAW,IAAI;KAAC;IAAA;IAGpB,IAAI,UAAUgB,MACVhB,WAAWjB,aAAaiC,IAAI,CAAC;GAChC;GACJnB,EAAA,MAAAG;GAAAH,EAAA,MAAAe;EAAA,OAAAA,KAAAf,EAAA;EAEiBgB,KAAAE,WAAWlC,IAAIU,QAAQ,CAAC,CAAA0B,IAAK;GAAAC,QAAU;GAACC,aAAe;EAAE,CAAC;EAACtB,EAAA,KAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;CAAA,OAAA;EAAAN,KAAAV,EAAA;EAAAW,KAAAX,EAAA;EAAAY,KAAAZ,EAAA;EAAAa,KAAAb,EAAA;EAAAc,KAAAd,EAAA;EAAAe,KAAAf,EAAA;EAAAgB,KAAAhB,EAAA;CAAA;CAAA,IAAAuB;CAAA,IAAAvB,EAAA,QAAAU,MAAAV,EAAA,QAAAE,YAAAF,EAAA,QAAAK,YAAAL,EAAA,QAAAM,YAAAN,EAAA,QAAAW,MAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAa,MAAAb,EAAA,QAAAc,MAAAd,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,IAAA;EAfjFO,KAAA,oBAAC,IAAD;GAAW,GACHnB;GACS,aAAAQ;GACb,cAAAC;GACOK,OAAAA;GACG,UAAAH;GAUQ,kBAAAC;GACNd,YAAAA;GACAG,YAAAA;GACAC,YAAAA;EAAQ,CAAA;EACtBN,EAAA,MAAAU;EAAAV,EAAA,MAAAE;EAAAF,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,OAnBFuB;AAmBE;;AAKV,SAAOC,mBAAApB,OAAA;CAAA,MAAAJ,IAAAC,EAAA,EAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAAI,MAAAqB,OAAA;EACc1B,KAAAV,WAAWe,MAAKqB,OAAQ,YAAYnC,QAAQ;EAACU,EAAA,KAAAI,MAAAqB;EAAAzB,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CAA9D,MAAAN,WAAiBK;CAA8C,IAAAQ;CAAA,IAAAP,EAAA,OAAAI,OAAA;EAGnDG,KAAAnB,cAAcgB,KAAK;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CACjB,MAAAQ,KAAAlB,SAASc,MAAKK,KAA2B,IAAjBL,MAAKK,QAA7B;CAA0C,IAAAE;CAAA,IAAAX,EAAA,OAAAN,UAAA;EAE5CiB,KAAAjB,aAAauB,KAAAA,IAAb,EAAAvB,SAAyC,IAAzC,CAAyC;EAACM,EAAA,KAAAN;EAAAM,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAY;CAAA,IAAAZ,EAAA,OAAAI,MAAAD,YAAAH,EAAA,OAAAO,MAAAP,EAAA,OAAAQ,MAAAR,EAAA,OAAAW,IAAA;EAJnDC,KAAA,oBAAC,eAAD;GAAc,GACNL;GACG,OAAAC;GACG,UAAAJ,MAAKD;GAAS,GACnBQ;EAA0C,CAAA;EACjDX,EAAA,KAAAI,MAAAD;EAAAH,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAW;EAAAX,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,OALFY;AAKE"}

package/dist/datetime/index.d.ts

@@ -1,2 +1,2 @@
-export { DateTimeField, DateTimeFieldEntry, type DateTimeFieldProps } from './DateTimeField';
+export { DateTimeField, DateTimeFieldEntry, type DateTimeFieldProps } from './DateTimeField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/duration/DurationField.css

@@ -0,0 +1,11 @@
+/* Hours, minutes and seconds side by side. */
+.panneau-duration-field-parts {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-duration-field-part {
+    flex: 0 1 7rem;
+    min-width: 5rem;
+}

package/dist/duration/DurationField.d.ts

@@ -0,0 +1,26 @@
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+export interface DurationFieldProps extends FieldProps<number> {
+    /** `seconds` (the default) shows hours, minutes and seconds; `minutes` hides the seconds. */
+    precision?: 'seconds' | 'minutes';
+}
+/** Hours, minutes and seconds of a number of seconds. */
+export declare function splitDuration(seconds: number): {
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+/**
+ * A duration with its units, without the empty ones: `1 h 5 min 30 s`, `3 min`. With a precision
+ * of minutes, the seconds are rounded away.
+ */
+export declare function formatDuration(seconds: number, { precision }?: {
+    precision?: 'seconds' | 'minutes';
+}): string;
+/**
+ * A duration, in seconds, typed in hours, minutes and seconds. It is `null` while every part is
+ * empty.
+ */
+export declare function DurationField({ value, onChange, onBlur, precision, label, description, errors, disabled, readOnly, required, name, className, }: DurationFieldProps): import("react").JSX.Element;
+/** The `duration` type: a number of seconds, with setting `precision` (`seconds` or `minutes`). */
+export declare function DurationFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=DurationField.d.ts.map

package/dist/duration/DurationField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DurationField.d.ts","sourceRoot":"","sources":["../../src/duration/DurationField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,MAAM,CAAC;IAC1D,6FAA6F;IAC7F,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED,yDAAyD;AACzD,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACnB,CAOA;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC1B,OAAO,EAAE,MAAM,EACf,EAAE,SAAqB,EAAE,GAAE;IAAE,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAAO,GACtE,MAAM,CAQR;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAqB,EACrB,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,SAAS,GACZ,EAAE,kBAAkB,+BAyCpB;AAED,mGAAmG;AACnG,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,+BAWxD"}

package/dist/duration/DurationField.js

@@ -0,0 +1,214 @@
+import { getFieldProps, getSetting, isNumber, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import DurationField_module_default from "./DurationField.module.js";
+import { c } from "react/compiler-runtime";
+import { Fieldset, NumberInput, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/duration/DurationField.tsx
+/** Hours, minutes and seconds of a number of seconds. */
+function splitDuration(seconds) {
+	const total = Math.max(0, Math.round(seconds));
+	return {
+		hours: Math.floor(total / 3600),
+		minutes: Math.floor(total % 3600 / 60),
+		seconds: total % 60
+	};
+}
+/**
+* A duration with its units, without the empty ones: `1 h 5 min 30 s`, `3 min`. With a precision
+* of minutes, the seconds are rounded away.
+*/
+function formatDuration(seconds, { precision = "seconds" } = {}) {
+	const parts = splitDuration(precision === "minutes" ? Math.round(seconds / 60) * 60 : seconds);
+	const shown = [
+		parts.hours > 0 ? `${parts.hours} h` : null,
+		parts.minutes > 0 ? `${parts.minutes} min` : null,
+		precision === "seconds" && parts.seconds > 0 ? `${parts.seconds} s` : null
+	].filter((part) => part !== null);
+	return shown.length > 0 ? shown.join(" ") : precision === "minutes" ? "0 min" : "0 s";
+}
+/**
+* A duration, in seconds, typed in hours, minutes and seconds. It is `null` while every part is
+* empty.
+*/
+function DurationField(t0) {
+	const $ = c(38);
+	const { value, onChange, onBlur, precision: t1, label, description, errors, disabled, readOnly, required, name, className } = t0;
+	const precision = t1 === void 0 ? "seconds" : t1;
+	const intl = usePanneauIntl();
+	let T0;
+	let t10;
+	let t11;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== errors || $[4] !== intl || $[5] !== label || $[6] !== name || $[7] !== onBlur || $[8] !== onChange || $[9] !== precision || $[10] !== readOnly || $[11] !== required || $[12] !== value) {
+		const parts = value !== null && value !== void 0 ? splitDuration(value) : null;
+		const change = (part, next) => {
+			const updated = {
+				...parts ?? {
+					hours: 0,
+					minutes: 0,
+					seconds: 0
+				},
+				[part]: next ?? 0
+			};
+			const total = updated.hours * 3600 + updated.minutes * 60 + updated.seconds;
+			onChange?.(total === 0 && next === null ? null : total);
+		};
+		const input = (part_0) => /* @__PURE__ */ jsx(NumberInput, {
+			"aria-label": intl.formatMessage(messages[part_0]),
+			value: parts?.[part_0] ?? null,
+			onChange: (next_0) => change(part_0, next_0),
+			onBlur: () => onBlur?.(),
+			minValue: 0,
+			...part_0 !== "hours" ? { maxValue: 59 } : {},
+			formatOptions: { maximumFractionDigits: 0 },
+			suffix: intl.formatMessage(messages[`${part_0}Unit`]),
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			...name !== void 0 ? { name: `${name}[${part_0}]` } : {},
+			className: DurationField_module_default.part
+		});
+		T0 = Fieldset;
+		t6 = label;
+		t7 = description;
+		t8 = errors;
+		t9 = required;
+		t10 = disabled;
+		t11 = className;
+		t2 = DurationField_module_default.parts;
+		t3 = input("hours");
+		t4 = input("minutes");
+		t5 = precision === "seconds" ? input("seconds") : null;
+		$[0] = className;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = errors;
+		$[4] = intl;
+		$[5] = label;
+		$[6] = name;
+		$[7] = onBlur;
+		$[8] = onChange;
+		$[9] = precision;
+		$[10] = readOnly;
+		$[11] = required;
+		$[12] = value;
+		$[13] = T0;
+		$[14] = t10;
+		$[15] = t11;
+		$[16] = t2;
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
+	} else {
+		T0 = $[13];
+		t10 = $[14];
+		t11 = $[15];
+		t2 = $[16];
+		t3 = $[17];
+		t4 = $[18];
+		t5 = $[19];
+		t6 = $[20];
+		t7 = $[21];
+		t8 = $[22];
+		t9 = $[23];
+	}
+	let t12;
+	if ($[24] !== t2 || $[25] !== t3 || $[26] !== t4 || $[27] !== t5) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: t2,
+			children: [
+				t3,
+				t4,
+				t5
+			]
+		});
+		$[24] = t2;
+		$[25] = t3;
+		$[26] = t4;
+		$[27] = t5;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== T0 || $[30] !== t10 || $[31] !== t11 || $[32] !== t12 || $[33] !== t6 || $[34] !== t7 || $[35] !== t8 || $[36] !== t9) {
+		t13 = /* @__PURE__ */ jsx(T0, {
+			legend: t6,
+			description: t7,
+			errors: t8,
+			isRequired: t9,
+			isDisabled: t10,
+			className: t11,
+			children: t12
+		});
+		$[29] = T0;
+		$[30] = t10;
+		$[31] = t11;
+		$[32] = t12;
+		$[33] = t6;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t9;
+		$[37] = t13;
+	} else t13 = $[37];
+	return t13;
+}
+/** The `duration` type: a number of seconds, with setting `precision` (`seconds` or `minutes`). */
+function DurationFieldEntry(props) {
+	const $ = c(13);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "precision", isString);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const precision = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	let fieldProps;
+	if ($[4] !== t1) {
+		const { placeholder: _placeholder, ...t2 } = t1;
+		fieldProps = t2;
+		$[4] = t1;
+		$[5] = fieldProps;
+	} else fieldProps = $[5];
+	const t2 = isNumber(props.value) ? props.value : null;
+	let t3;
+	if ($[6] !== precision) {
+		t3 = precision === "minutes" || precision === "seconds" ? { precision } : {};
+		$[6] = precision;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== fieldProps || $[9] !== props.onChange || $[10] !== t2 || $[11] !== t3) {
+		t4 = /* @__PURE__ */ jsx(DurationField, {
+			...fieldProps,
+			value: t2,
+			onChange: props.onChange,
+			...t3
+		});
+		$[8] = fieldProps;
+		$[9] = props.onChange;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+//#endregion
+export { DurationField, DurationFieldEntry, formatDuration, splitDuration };
+
+//# sourceMappingURL=DurationField.js.map

package/dist/duration/DurationField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DurationField.js","names":["Fieldset","NumberInput","usePanneauIntl","getFieldProps","getSetting","isNumber","isString","messages","FieldEntryProps","FieldProps","styles","DurationFieldProps","precision","splitDuration","seconds","hours","minutes","total","Math","max","round","floor","formatDuration","parts","shown","filter","part","length","join","DurationField","t0","$","_c","value","onChange","onBlur","t1","label","description","errors","disabled","readOnly","required","name","className","undefined","intl","T0","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","change","next","updated","input","part_0","formatMessage","next_0","maxValue","maximumFractionDigits","t12","t13","DurationFieldEntry","props","field","fieldProps","placeholder","_placeholder","_c","styles"],"sources":["../../src/duration/DurationField.tsx"],"sourcesContent":["import { Fieldset, NumberInput, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isNumber, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './DurationField.module.css';\n\nexport interface DurationFieldProps extends FieldProps<number> {\n    /** `seconds` (the default) shows hours, minutes and seconds; `minutes` hides the seconds. */\n    precision?: 'seconds' | 'minutes';\n}\n\n/** Hours, minutes and seconds of a number of seconds. */\nexport function splitDuration(seconds: number): {\n    hours: number;\n    minutes: number;\n    seconds: number;\n} {\n    const total = Math.max(0, Math.round(seconds));\n    return {\n        hours: Math.floor(total / 3600),\n        minutes: Math.floor((total % 3600) / 60),\n        seconds: total % 60,\n    };\n}\n\n/**\n * A duration with its units, without the empty ones: `1 h 5 min 30 s`, `3 min`. With a precision\n * of minutes, the seconds are rounded away.\n */\nexport function formatDuration(\n    seconds: number,\n    { precision = 'seconds' }: { precision?: 'seconds' | 'minutes' } = {},\n): string {\n    const parts = splitDuration(precision === 'minutes' ? Math.round(seconds / 60) * 60 : seconds);\n    const shown = [\n        parts.hours > 0 ? `${parts.hours} h` : null,\n        parts.minutes > 0 ? `${parts.minutes} min` : null,\n        precision === 'seconds' && parts.seconds > 0 ? `${parts.seconds} s` : null,\n    ].filter((part) => part !== null);\n    return shown.length > 0 ? shown.join(' ') : precision === 'minutes' ? '0 min' : '0 s';\n}\n\n/**\n * A duration, in seconds, typed in hours, minutes and seconds. It is `null` while every part is\n * empty.\n */\nexport function DurationField({\n    value,\n    onChange,\n    onBlur,\n    precision = 'seconds',\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    name,\n    className,\n}: DurationFieldProps) {\n    const intl = usePanneauIntl();\n    const parts = value !== null && value !== undefined ? splitDuration(value) : null;\n    const change = (part: 'hours' | 'minutes' | 'seconds', next: number | null) => {\n        const updated = { ...(parts ?? { hours: 0, minutes: 0, seconds: 0 }), [part]: next ?? 0 };\n        const total = updated.hours * 3600 + updated.minutes * 60 + updated.seconds;\n        // Clearing the last part that had a value empties the field\n        onChange?.(total === 0 && next === null ? null : total);\n    };\n    const input = (part: 'hours' | 'minutes' | 'seconds') => (\n        <NumberInput\n            aria-label={intl.formatMessage(messages[part])}\n            value={parts?.[part] ?? null}\n            onChange={(next) => change(part, next)}\n            onBlur={() => onBlur?.()}\n            minValue={0}\n            {...(part !== 'hours' ? { maxValue: 59 } : {})}\n            formatOptions={{ maximumFractionDigits: 0 }}\n            suffix={intl.formatMessage(messages[`${part}Unit`])}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            {...(name !== undefined ? { name: `${name}[${part}]` } : {})}\n            className={styles.part}\n        />\n    );\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            isDisabled={disabled}\n            className={className}\n        >\n            <div className={styles.parts}>\n                {input('hours')}\n                {input('minutes')}\n                {precision === 'seconds' ? input('seconds') : null}\n            </div>\n        </Fieldset>\n    );\n}\n\n/** The `duration` type: a number of seconds, with setting `precision` (`seconds` or `minutes`). */\nexport function DurationFieldEntry(props: FieldEntryProps) {\n    const precision = getSetting(props.field, 'precision', isString);\n    const { placeholder: _placeholder, ...fieldProps } = getFieldProps(props);\n    return (\n        <DurationField\n            {...fieldProps}\n            value={isNumber(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(precision === 'minutes' || precision === 'seconds' ? { precision } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/duration/DurationField.module.js

@@ -0,0 +1,12 @@
+import "./DurationField.css";
+//#region src/duration/DurationField.module.css
+var parts = "panneau-duration-field-parts";
+var part = "panneau-duration-field-part";
+var DurationField_module_default = {
+	parts,
+	part
+};
+//#endregion
+export { DurationField_module_default as default, part, parts };
+
+//# sourceMappingURL=DurationField.module.js.map

package/dist/duration/DurationField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DurationField.module.js","names":[],"sources":["../../src/duration/DurationField.module.css"],"sourcesContent":["/* Hours, minutes and seconds side by side. */\n.parts {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-2);\n}\n\n.part {\n    flex: 0 1 7rem;\n    min-width: 5rem;\n}\n"],"mappings":""}

package/dist/duration/index.d.ts

@@ -0,0 +1,2 @@
+export { DurationField, DurationFieldEntry, type DurationFieldProps, formatDuration, splitDuration, } from './DurationField.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/duration/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/duration/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EACb,kBAAkB,EAClB,KAAK,kBAAkB,EACvB,cAAc,EACd,aAAa,GAChB,MAAM,iBAAiB,CAAC"}

package/dist/duration/index.js

@@ -0,0 +1 @@
+export { DurationField, DurationFieldEntry, formatDuration, splitDuration } from "./DurationField.js";

package/dist/email/EmailField.d.ts

@@ -1,5 +1,5 @@
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 export type EmailFieldProps = Omit<TextFieldProps, 'type' | 'inputMode'>;
 /** An email address, with the email keyboard on phones. Spaces around it are removed on blur. */
 export declare function EmailField({ value, onChange, onBlur, ...props }: EmailFieldProps): import("react").JSX.Element;

package/dist/email/EmailField.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailField.js","names":["value","onChange","_c"],"sources":["../../src/email/EmailField.tsx"],"sourcesContent":["import { getFieldProps, isString } from '../shared/entry';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\n\nexport type EmailFieldProps = Omit<TextFieldProps, 'type' | 'inputMode'>;\n\n/** An email address, with the email keyboard on phones. Spaces around it are removed on blur. */\nexport function EmailField({ value, onChange, onBlur, ...props }: EmailFieldProps) {\n    return (\n        <TextField\n            autoComplete=\"off\"\n            {...props}\n            type=\"email\"\n            inputMode=\"email\"\n            value={value}\n            onChange={onChange}\n            onBlur={() => {\n                const trimmed = value?.trim() ?? null;\n                if (trimmed !== value) {\n                    onChange?.(trimmed === '' ? null : trimmed);\n                }\n                onBlur?.();\n            }}\n        />\n    );\n}\n\n/** The `email` type. */\nexport function EmailFieldEntry(props: FieldEntryProps) {\n    return (\n        <EmailField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":";;;;;;AAOA,SAAO,WAAA,IAAA;CAAA,MAAA,IAAAE,EAAA,EAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,IAAA;EAAoB,CAAA,CAAA,OAAA,UAAA,QAAA,GAAA,SAAA;EAAsD,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,SAAA,EAAA;EAAA,WAAA,EAAA;EAAA,QAAA,EAAA;EAAA,QAAA,EAAA;CAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,UAAA,EAAA,OAAA,YAAA,EAAA,OAAA,OAAA;EAS7D,WAAA;GACJ,MAAA,UAAgB,OAAK,KAAe,KAApB;GAChB,IAAI,YAAY,OACZ,WAAW,YAAY,KAAZ,OAAA,OAA+B;GAE9C,SAAS;EAAC;EACb,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,YAAA,EAAA,QAAA,SAAA,EAAA,QAAA,MAAA,EAAA,QAAA,OAAA;EAbL,KAAA,oBAAC,WAAD;GACiB,cAAA;GAAK,GACd;GACC,MAAA;GACK,WAAA;GACH;GACG;GACF,QAAA;EAMP,CAAA;EACH,EAAA,KAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAdF;AAcE;;AAKV,SAAO,gBAAA,OAAA;CAAA,MAAA,IAAAA,EAAA,CAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAGS,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,SAAS,MAAK,KAA2B,IAAjB,MAAK,QAA7B;CAA0C,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAFrD,KAAA,oBAAC,YAAD;GAAW,GACH;GACG,OAAA;GACG,UAAA,MAAK;EAAS,CAAA;EAC1B,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAJF;AAIE"}
+{"version":3,"file":"EmailField.js","names":["getFieldProps","isString","FieldEntryProps","TextField","TextFieldProps","EmailFieldProps","Omit","EmailField","t0","$","_c","onBlur","onChange","props","value","t1","trimmed","trim","t2","EmailFieldEntry","_c"],"sources":["../../src/email/EmailField.tsx"],"sourcesContent":["import { getFieldProps, isString } from '../shared/entry';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\n\nexport type EmailFieldProps = Omit<TextFieldProps, 'type' | 'inputMode'>;\n\n/** An email address, with the email keyboard on phones. Spaces around it are removed on blur. */\nexport function EmailField({ value, onChange, onBlur, ...props }: EmailFieldProps) {\n    return (\n        <TextField\n            autoComplete=\"off\"\n            {...props}\n            type=\"email\"\n            inputMode=\"email\"\n            value={value}\n            onChange={onChange}\n            onBlur={() => {\n                const trimmed = value?.trim() ?? null;\n                if (trimmed !== value) {\n                    onChange?.(trimmed === '' ? null : trimmed);\n                }\n                onBlur?.();\n            }}\n        />\n    );\n}\n\n/** The `email` type. */\nexport function EmailFieldEntry(props: FieldEntryProps) {\n    return (\n        <EmailField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":";;;;;;AAOA,SAAOO,WAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAD,IAAA;EAAoB,CAAA,CAAAM,OAAAF,UAAAD,QAAA,GAAAE,SAAAL;EAAsDC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,SAAAF,EAAA;EAAAG,WAAAH,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,QAAAL,EAAA;CAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAE,UAAAF,EAAA,OAAAG,YAAAH,EAAA,OAAAK,OAAA;EAS7DC,WAAA;GACJ,MAAAC,UAAgBF,OAAKG,KAAe,KAApB;GAChB,IAAID,YAAYF,OACZF,WAAWI,YAAY,KAAZ,OAAAA,OAA+B;GAE9CL,SAAS;EAAC;EACbF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAG,YAAAH,EAAA,QAAAI,SAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAK,OAAA;EAbLI,KAAA,oBAAC,WAAD;GACiB,cAAA;GAAK,GACdL;GACC,MAAA;GACK,WAAA;GACHC;GACGF;GACF,QAAAG;EAMP,CAAA;EACHN,EAAA,KAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAK;EAAAL,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAdFS;AAcE;;AAKV,SAAOC,gBAAAN,OAAA;CAAA,MAAAJ,IAAAC,EAAA,CAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAAI,OAAA;EAGSL,KAAAR,cAAca,KAAK;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CACjB,MAAAM,KAAAd,SAASY,MAAKC,KAA2B,IAAjBD,MAAKC,QAA7B;CAA0C,IAAAI;CAAA,IAAAT,EAAA,OAAAI,MAAAD,YAAAH,EAAA,OAAAD,MAAAC,EAAA,OAAAM,IAAA;EAFrDG,KAAA,oBAAC,YAAD;GAAW,GACHV;GACG,OAAAO;GACG,UAAAF,MAAKD;EAAS,CAAA;EAC1BH,EAAA,KAAAI,MAAAD;EAAAH,EAAA,KAAAD;EAAAC,EAAA,KAAAM;EAAAN,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAJFS;AAIE"}

package/dist/email/index.d.ts

@@ -1,2 +1,2 @@
-export { EmailField, EmailFieldEntry, type EmailFieldProps } from './EmailField';
+export { EmailField, EmailFieldEntry, type EmailFieldProps } from './EmailField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/embed/EmbedField.css

@@ -0,0 +1,60 @@
+/* The URL, then the preview of what it embeds. */
+.panneau-embed-field-embed {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-embed-field-status {
+    display: flex;
+    align-items: center;
+    gap: var(--panneau-space-2);
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-text-muted);
+}
+
+.panneau-embed-field-preview {
+    display: flex;
+    align-items: center;
+    gap: var(--panneau-space-3);
+    padding: var(--panneau-space-2);
+    color: var(--panneau-color-text);
+    text-decoration: none;
+    background-color: var(--panneau-color-surface-sunken);
+    border: var(--panneau-border-width) solid var(--panneau-color-border);
+    border-radius: var(--panneau-radius-md);
+}
+
+.panneau-embed-field-preview:hover {
+    border-color: var(--panneau-color-border-control);
+}
+
+.panneau-embed-field-preview:focus-visible {
+    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
+    outline-offset: 1px;
+}
+
+.panneau-embed-field-thumbnail {
+    flex: none;
+    width: 7rem;
+    aspect-ratio: 16 / 9;
+    object-fit: cover;
+    border-radius: var(--panneau-radius-sm);
+}
+
+.panneau-embed-field-text {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+    min-width: 0;
+}
+
+.panneau-embed-field-title {
+    font-weight: var(--panneau-font-weight-medium);
+    overflow-wrap: anywhere;
+}
+
+.panneau-embed-field-provider {
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-text-muted);
+}

package/dist/embed/EmbedField.d.ts

@@ -0,0 +1,20 @@
+import type { EmbedValue } from '@panneau/protocol';
+import type { EmbedSource } from '../shared/embed.js';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+export type { EmbedValue };
+export interface EmbedFieldProps extends FieldProps<EmbedValue> {
+    placeholder?: string;
+    /** Where the preview comes from. Defaults to that of the `FieldsProvider`. */
+    embedSource?: EmbedSource | null;
+}
+/** Whether a value is an embed: an object with a `url`. */
+export declare function isEmbed(value: unknown): value is EmbedValue;
+/**
+ * A URL of a video, a sound or a post, with the preview the backend gets from its provider's
+ * oEmbed: its thumbnail, title and provider. The URL is kept as soon as it is typed, and its
+ * preview follows. Without an embed source, the value is the URL alone.
+ */
+export declare function EmbedField({ value, onChange, onBlur, embedSource: embedSourceProp, errors, disabled, readOnly, required, ...props }: EmbedFieldProps): import("react").JSX.Element;
+/** The `embed` type: its preview comes from the embed source of the `FieldsProvider`. */
+export declare function EmbedFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=EmbedField.d.ts.map

package/dist/embed/EmbedField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedField.d.ts","sourceRoot":"","sources":["../../src/embed/EmbedField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,YAAY,EAAE,UAAU,EAAE,CAAC;AAI3B,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACpC;AAED,2DAA2D;AAC3D,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAM3D;AAOD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EAAE,eAAe,EAC5B,MAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,eAAe,+BA6EjB;AAED,yFAAyF;AACzF,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAQrD"}