@panneau/fields 5.0.0-alpha.2 → 5.0.0-alpha.21

package/dist/country/CountryField.js

@@ -0,0 +1,424 @@
+import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { CodeComboBox } from "../shared/CodeComboBox.js";
+import CountryField_module_default from "./CountryField.module.js";
+import { getCountryChoices, getCountryFlag, getCountryName, isCountryCode } from "./countries.js";
+import { c } from "react/compiler-runtime";
+import { Fieldset, IconButton, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+//#region src/country/CountryField.tsx
+/**
+* A country, as its ISO 3166-1 alpha-2 code (`CA`): a combo box of the countries with their flags
+* and their names in the user's locale. Typing filters them by name or by code. With `multiple`,
+* several countries, each removable, in the order they were chosen, and the combo box adds one.
+*/
+function CountryField(props) {
+	const $ = c(91);
+	const intl = usePanneauIntl();
+	const { countries, preferred } = props;
+	let T0;
+	let T1;
+	let codes;
+	let emptyMessage;
+	let set;
+	let t0;
+	let t1;
+	let t10;
+	let t11;
+	let t12;
+	let t13;
+	let t14;
+	let t15;
+	let t16;
+	let t17;
+	let t18;
+	let t19;
+	let t2;
+	let t20;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[0] !== countries || $[1] !== intl || $[2] !== preferred || $[3] !== props) {
+		t20 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const choices = getCountryChoices(intl.locale, {
+				countries,
+				preferred
+			});
+			const all = [...choices.preferred, ...choices.others].map(_temp);
+			let t21;
+			if ($[30] !== intl) {
+				t21 = intl.formatMessage(messages.noCountries);
+				$[30] = intl;
+				$[31] = t21;
+			} else t21 = $[31];
+			emptyMessage = t21;
+			if (props.multiple !== true) {
+				let rest;
+				if ($[32] !== props) {
+					const { multiple: _multiple, countries: _countries, preferred: _preferred, ...t22 } = props;
+					rest = t22;
+					$[32] = props;
+					$[33] = rest;
+				} else rest = $[33];
+				let t22;
+				if ($[34] !== intl || $[35] !== props.placeholder) {
+					t22 = props.placeholder ?? intl.formatMessage(messages.countryPlaceholder);
+					$[34] = intl;
+					$[35] = props.placeholder;
+					$[36] = t22;
+				} else t22 = $[36];
+				t20 = /* @__PURE__ */ jsx(CodeComboBox, {
+					...rest,
+					choices: all,
+					placeholder: t22,
+					emptyMessage
+				});
+				break bb0;
+			}
+			const { value, onChange, onBlur, label, description, errors, disabled, readOnly, required, name, id, autoFocus, className, labelClassName, descriptionClassName, errorsClassName, controlClassName } = props;
+			codes = (value ?? []).filter(_temp2);
+			const editable = disabled !== true && readOnly !== true;
+			let t22;
+			if ($[37] !== onChange) {
+				t22 = (next) => onChange?.(next.length > 0 ? next : null);
+				$[37] = onChange;
+				$[38] = t22;
+			} else t22 = $[38];
+			set = t22;
+			let t23;
+			if ($[39] !== intl.locale) {
+				t23 = (code_0) => isCountryCode(code_0) ? getCountryName(code_0, intl.locale) : code_0;
+				$[39] = intl.locale;
+				$[40] = t23;
+			} else t23 = $[40];
+			const nameOf = t23;
+			const comboLabel = typeof label === "string" ? label : props["aria-label"];
+			T1 = Fieldset;
+			t11 = label;
+			t12 = description;
+			if ($[41] !== errors) {
+				t13 = errors ?? [];
+				$[41] = errors;
+				$[42] = t13;
+			} else t13 = $[42];
+			t14 = required;
+			t15 = disabled;
+			t16 = className;
+			t17 = labelClassName;
+			t18 = descriptionClassName;
+			t19 = errorsClassName;
+			t9 = CountryField_module_default.multiple;
+			t10 = codes.length > 0 ? /* @__PURE__ */ jsx("ul", {
+				className: CountryField_module_default.countries,
+				children: codes.map((code_1) => /* @__PURE__ */ jsxs("li", {
+					className: editable ? CountryField_module_default.country : CountryField_module_default.fixedCountry,
+					children: [
+						isCountryCode(code_1) ? /* @__PURE__ */ jsx("span", {
+							className: CountryField_module_default.flag,
+							"aria-hidden": "true",
+							children: getCountryFlag(code_1)
+						}) : null,
+						/* @__PURE__ */ jsx("span", {
+							className: CountryField_module_default.name,
+							children: nameOf(code_1)
+						}),
+						editable ? /* @__PURE__ */ jsx(IconButton, {
+							icon: X,
+							size: "sm",
+							label: `${intl.formatMessage(messages.remove)} ${nameOf(code_1)}`,
+							showTooltip: false,
+							onPress: () => set(codes.filter((entry) => entry !== code_1))
+						}) : null
+					]
+				}, code_1))
+			}) : null;
+			T0 = CodeComboBox;
+			if ($[43] !== comboLabel) {
+				t0 = comboLabel !== void 0 ? { "aria-label": comboLabel } : {};
+				$[43] = comboLabel;
+				$[44] = t0;
+			} else t0 = $[44];
+			if ($[45] !== name) {
+				t1 = name !== void 0 ? { name } : {};
+				$[45] = name;
+				$[46] = t1;
+			} else t1 = $[46];
+			if ($[47] !== id) {
+				t2 = id !== void 0 ? { id } : {};
+				$[47] = id;
+				$[48] = t2;
+			} else t2 = $[48];
+			if ($[49] !== autoFocus) {
+				t3 = autoFocus !== void 0 ? { autoFocus } : {};
+				$[49] = autoFocus;
+				$[50] = t3;
+			} else t3 = $[50];
+			if ($[51] !== onBlur) {
+				t4 = onBlur !== void 0 ? { onBlur } : {};
+				$[51] = onBlur;
+				$[52] = t4;
+			} else t4 = $[52];
+			if ($[53] !== controlClassName) {
+				t5 = controlClassName !== void 0 ? { controlClassName } : {};
+				$[53] = controlClassName;
+				$[54] = t5;
+			} else t5 = $[54];
+			t6 = disabled;
+			t7 = readOnly;
+			t8 = all.filter((choice) => !codes.includes(choice.code));
+		}
+		$[0] = countries;
+		$[1] = intl;
+		$[2] = preferred;
+		$[3] = props;
+		$[4] = T0;
+		$[5] = T1;
+		$[6] = codes;
+		$[7] = emptyMessage;
+		$[8] = set;
+		$[9] = t0;
+		$[10] = t1;
+		$[11] = t10;
+		$[12] = t11;
+		$[13] = t12;
+		$[14] = t13;
+		$[15] = t14;
+		$[16] = t15;
+		$[17] = t16;
+		$[18] = t17;
+		$[19] = t18;
+		$[20] = t19;
+		$[21] = t2;
+		$[22] = t20;
+		$[23] = t3;
+		$[24] = t4;
+		$[25] = t5;
+		$[26] = t6;
+		$[27] = t7;
+		$[28] = t8;
+		$[29] = t9;
+	} else {
+		T0 = $[4];
+		T1 = $[5];
+		codes = $[6];
+		emptyMessage = $[7];
+		set = $[8];
+		t0 = $[9];
+		t1 = $[10];
+		t10 = $[11];
+		t11 = $[12];
+		t12 = $[13];
+		t13 = $[14];
+		t14 = $[15];
+		t15 = $[16];
+		t16 = $[17];
+		t17 = $[18];
+		t18 = $[19];
+		t19 = $[20];
+		t2 = $[21];
+		t20 = $[22];
+		t3 = $[23];
+		t4 = $[24];
+		t5 = $[25];
+		t6 = $[26];
+		t7 = $[27];
+		t8 = $[28];
+		t9 = $[29];
+	}
+	if (t20 !== Symbol.for("react.early_return_sentinel")) return t20;
+	let t21;
+	if ($[55] !== codes || $[56] !== set) {
+		t21 = (code_2) => {
+			if (code_2 !== null && !codes.includes(code_2)) set([...codes, code_2]);
+		};
+		$[55] = codes;
+		$[56] = set;
+		$[57] = t21;
+	} else t21 = $[57];
+	let t22;
+	if ($[58] !== intl || $[59] !== props.placeholder) {
+		t22 = props.placeholder ?? intl.formatMessage(messages.addCountry);
+		$[58] = intl;
+		$[59] = props.placeholder;
+		$[60] = t22;
+	} else t22 = $[60];
+	let t23;
+	if ($[61] !== T0 || $[62] !== emptyMessage || $[63] !== t0 || $[64] !== t1 || $[65] !== t2 || $[66] !== t21 || $[67] !== t22 || $[68] !== t3 || $[69] !== t4 || $[70] !== t5 || $[71] !== t6 || $[72] !== t7 || $[73] !== t8) {
+		t23 = /* @__PURE__ */ jsx(T0, {
+			...t0,
+			...t1,
+			...t2,
+			...t3,
+			...t4,
+			...t5,
+			disabled: t6,
+			readOnly: t7,
+			choices: t8,
+			value: null,
+			onChange: t21,
+			placeholder: t22,
+			emptyMessage
+		});
+		$[61] = T0;
+		$[62] = emptyMessage;
+		$[63] = t0;
+		$[64] = t1;
+		$[65] = t2;
+		$[66] = t21;
+		$[67] = t22;
+		$[68] = t3;
+		$[69] = t4;
+		$[70] = t5;
+		$[71] = t6;
+		$[72] = t7;
+		$[73] = t8;
+		$[74] = t23;
+	} else t23 = $[74];
+	let t24;
+	if ($[75] !== t10 || $[76] !== t23 || $[77] !== t9) {
+		t24 = /* @__PURE__ */ jsxs("div", {
+			className: t9,
+			children: [t10, t23]
+		});
+		$[75] = t10;
+		$[76] = t23;
+		$[77] = t9;
+		$[78] = t24;
+	} else t24 = $[78];
+	let t25;
+	if ($[79] !== T1 || $[80] !== t11 || $[81] !== t12 || $[82] !== t13 || $[83] !== t14 || $[84] !== t15 || $[85] !== t16 || $[86] !== t17 || $[87] !== t18 || $[88] !== t19 || $[89] !== t24) {
+		t25 = /* @__PURE__ */ jsx(T1, {
+			legend: t11,
+			description: t12,
+			errors: t13,
+			isRequired: t14,
+			isDisabled: t15,
+			className: t16,
+			legendClassName: t17,
+			descriptionClassName: t18,
+			errorsClassName: t19,
+			children: t24
+		});
+		$[79] = T1;
+		$[80] = t11;
+		$[81] = t12;
+		$[82] = t13;
+		$[83] = t14;
+		$[84] = t15;
+		$[85] = t16;
+		$[86] = t17;
+		$[87] = t18;
+		$[88] = t19;
+		$[89] = t24;
+		$[90] = t25;
+	} else t25 = $[90];
+	return t25;
+}
+function _temp2(code, index, list) {
+	return code !== "" && list.indexOf(code) === index;
+}
+function _temp(country) {
+	return {
+		code: country.code,
+		name: country.name,
+		prefix: country.flag
+	};
+}
+var isCodes = (value) => Array.isArray(value) && value.every(isString);
+/** The `country` type: `multiple`, `settings.countries` and `settings.preferred`. */
+function CountryFieldEntry(props) {
+	const $ = c(24);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "countries", isCodes);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const countries = t0;
+	let t1;
+	if ($[2] !== props.field) {
+		t1 = getSetting(props.field, "preferred", isCodes);
+		$[2] = props.field;
+		$[3] = t1;
+	} else t1 = $[3];
+	const preferred = t1;
+	let t2;
+	if ($[4] !== props) {
+		t2 = getFieldProps(props);
+		$[4] = props;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== countries) {
+		t3 = countries !== void 0 ? { countries } : {};
+		$[6] = countries;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== preferred) {
+		t4 = preferred !== void 0 ? { preferred } : {};
+		$[8] = preferred;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t2 || $[11] !== t3 || $[12] !== t4) {
+		t5 = {
+			...t2,
+			...t3,
+			...t4
+		};
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	const shared = t5;
+	if (props.field.multiple === true) {
+		let t6;
+		if ($[14] !== props.value) {
+			t6 = Array.isArray(props.value) ? props.value.filter(isString) : [];
+			$[14] = props.value;
+			$[15] = t6;
+		} else t6 = $[15];
+		const codes = t6;
+		const t7 = codes.length > 0 ? codes : null;
+		let t8;
+		if ($[16] !== props.onChange || $[17] !== shared || $[18] !== t7) {
+			t8 = /* @__PURE__ */ jsx(CountryField, {
+				...shared,
+				multiple: true,
+				value: t7,
+				onChange: props.onChange
+			});
+			$[16] = props.onChange;
+			$[17] = shared;
+			$[18] = t7;
+			$[19] = t8;
+		} else t8 = $[19];
+		return t8;
+	}
+	const t6 = isString(props.value) ? props.value : null;
+	let t7;
+	if ($[20] !== props.onChange || $[21] !== shared || $[22] !== t6) {
+		t7 = /* @__PURE__ */ jsx(CountryField, {
+			...shared,
+			value: t6,
+			onChange: props.onChange
+		});
+		$[20] = props.onChange;
+		$[21] = shared;
+		$[22] = t6;
+		$[23] = t7;
+	} else t7 = $[23];
+	return t7;
+}
+//#endregion
+export { CountryField, CountryFieldEntry };
+
+//# sourceMappingURL=CountryField.js.map

package/dist/country/CountryField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryField.js","names":["X","Fieldset","IconButton","usePanneauIntl","CodeComboBox","getFieldProps","getSetting","isString","messages","FieldEntryProps","FieldProps","styles","getCountryChoices","getCountryFlag","getCountryName","isCountryCode","CountryFieldBaseProps","Omit","countries","preferred","placeholder","controlClassName","SingleCountryFieldProps","multiple","value","onChange","MultipleCountryFieldProps","CountryFieldProps","CountryField","props","$","_c","intl","T0","T1","codes","emptyMessage","set","t0","t1","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t2","t20","t3","t4","t5","t6","t7","t8","t9","Symbol","for","bb0","choices","locale","all","others","map","_temp","t21","formatMessage","noCountries","rest","_multiple","_countries","_preferred","t22","countryPlaceholder","onBlur","label","description","errors","disabled","readOnly","required","name","id","autoFocus","className","labelClassName","descriptionClassName","errorsClassName","filter","_temp2","editable","next","length","t23","code_0","code","nameOf","comboLabel","code_1","country","fixedCountry","flag","remove","entry","undefined","choice","includes","code_2","addCountry","t24","t25","index","list","indexOf","prefix","isCodes","Array","isArray","every","CountryFieldEntry","field","shared","_c","styles"],"sources":["../../src/country/CountryField.tsx"],"sourcesContent":["import { X } from 'lucide-react';\n\nimport { Fieldset, IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { CodeComboBox } from '../shared/CodeComboBox';\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './CountryField.module.css';\nimport { getCountryChoices, getCountryFlag, getCountryName, isCountryCode } from './countries';\n\n/** Props of both single and multiple country fields. */\nexport interface CountryFieldBaseProps extends Omit<FieldProps<never>, 'value' | 'onChange'> {\n    /** The codes to offer. All countries without it. */\n    countries?: readonly string[];\n    /** Codes shown first, in their order, above the others: `['CA', 'US']`. */\n    preferred?: readonly string[];\n    placeholder?: string;\n    controlClassName?: string;\n}\n\nexport interface SingleCountryFieldProps extends CountryFieldBaseProps {\n    multiple?: false;\n    value?: string | null;\n    onChange?: (value: string | null) => void;\n}\n\nexport interface MultipleCountryFieldProps extends CountryFieldBaseProps {\n    /** Several countries, in the order they were chosen (decision 0058). */\n    multiple: true;\n    value?: readonly string[] | null;\n    /** Called with the codes. An empty list is `null`. */\n    onChange?: (value: string[] | null) => void;\n}\n\nexport type CountryFieldProps = SingleCountryFieldProps | MultipleCountryFieldProps;\n\n/**\n * A country, as its ISO 3166-1 alpha-2 code (`CA`): a combo box of the countries with their flags\n * and their names in the user's locale. Typing filters them by name or by code. With `multiple`,\n * several countries, each removable, in the order they were chosen, and the combo box adds one.\n */\nexport function CountryField(props: CountryFieldProps) {\n    const intl = usePanneauIntl();\n    const { countries, preferred } = props;\n    const choices = getCountryChoices(intl.locale, { countries, preferred });\n    const all = [...choices.preferred, ...choices.others].map((country) => ({\n        code: country.code,\n        name: country.name,\n        prefix: country.flag,\n    }));\n    const emptyMessage = intl.formatMessage(messages.noCountries);\n\n    if (props.multiple !== true) {\n        const {\n            multiple: _multiple,\n            countries: _countries,\n            preferred: _preferred,\n            ...rest\n        } = props;\n        return (\n            <CodeComboBox\n                {...rest}\n                choices={all}\n                placeholder={props.placeholder ?? intl.formatMessage(messages.countryPlaceholder)}\n                emptyMessage={emptyMessage}\n            />\n        );\n    }\n\n    const {\n        value,\n        onChange,\n        onBlur,\n        label,\n        description,\n        errors,\n        disabled,\n        readOnly,\n        required,\n        name,\n        id,\n        autoFocus,\n        className,\n        labelClassName,\n        descriptionClassName,\n        errorsClassName,\n        controlClassName,\n    } = props;\n    const codes = (value ?? []).filter(\n        (code, index, list) => code !== '' && list.indexOf(code) === index,\n    );\n    const editable = disabled !== true && readOnly !== true;\n    const set = (next: string[]) => onChange?.(next.length > 0 ? next : null);\n    const nameOf = (code: string) =>\n        isCountryCode(code) ? getCountryName(code, intl.locale) : code;\n    const comboLabel = typeof label === 'string' ? label : props['aria-label'];\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors ?? []}\n            isRequired={required}\n            isDisabled={disabled}\n            className={className}\n            legendClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            <div className={styles.multiple}>\n                {codes.length > 0 ? (\n                    <ul className={styles.countries}>\n                        {codes.map((code) => (\n                            <li\n                                key={code}\n                                className={editable ? styles.country : styles.fixedCountry}\n                            >\n                                {isCountryCode(code) ? (\n                                    <span className={styles.flag} aria-hidden=\"true\">\n                                        {getCountryFlag(code)}\n                                    </span>\n                                ) : null}\n                                <span className={styles.name}>{nameOf(code)}</span>\n                                {editable ? (\n                                    <IconButton\n                                        icon={X}\n                                        size=\"sm\"\n                                        label={`${intl.formatMessage(messages.remove)} ${nameOf(code)}`}\n                                        showTooltip={false}\n                                        onPress={() => set(codes.filter((entry) => entry !== code))}\n                                    />\n                                ) : null}\n                            </li>\n                        ))}\n                    </ul>\n                ) : null}\n                <CodeComboBox\n                    {...(comboLabel !== undefined ? { 'aria-label': comboLabel } : {})}\n                    {...(name !== undefined ? { name } : {})}\n                    {...(id !== undefined ? { id } : {})}\n                    {...(autoFocus !== undefined ? { autoFocus } : {})}\n                    {...(onBlur !== undefined ? { onBlur } : {})}\n                    {...(controlClassName !== undefined ? { controlClassName } : {})}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    choices={all.filter((choice) => !codes.includes(choice.code))}\n                    value={null}\n                    onChange={(code) => {\n                        if (code !== null && !codes.includes(code)) {\n                            set([...codes, code]);\n                        }\n                    }}\n                    placeholder={props.placeholder ?? intl.formatMessage(messages.addCountry)}\n                    emptyMessage={emptyMessage}\n                />\n            </div>\n        </Fieldset>\n    );\n}\n\nconst isCodes = (value: unknown): value is string[] =>\n    Array.isArray(value) && value.every(isString);\n\n/** The `country` type: `multiple`, `settings.countries` and `settings.preferred`. */\nexport function CountryFieldEntry(props: FieldEntryProps) {\n    const countries = getSetting(props.field, 'countries', isCodes);\n    const preferred = getSetting(props.field, 'preferred', isCodes);\n    const shared = {\n        ...getFieldProps(props),\n        ...(countries !== undefined ? { countries } : {}),\n        ...(preferred !== undefined ? { preferred } : {}),\n    };\n    if (props.field.multiple === true) {\n        const codes = Array.isArray(props.value) ? props.value.filter(isString) : [];\n        return (\n            <CountryField\n                {...shared}\n                multiple\n                value={codes.length > 0 ? codes : null}\n                onChange={props.onChange}\n            />\n        );\n    }\n    return (\n        <CountryField\n            {...shared}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;AA0CA,SAAO4B,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACH,MAAAC,OAAa7B,eAAe;CAC5B,MAAA,EAAAe,WAAAC,cAAiCU;CAAM,IAAAI;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAA5B,EAAA,OAAAZ,aAAAY,EAAA,OAAAE,QAAAF,EAAA,OAAAX,aAAAW,EAAA,OAAAD,OAAA;EAiB/BsB,MAAAQ,OAKEC,IALF,6BAKC;EAACC,KAAA;GArBV,MAAAC,UAAgBlD,kBAAkBoB,KAAI+B,QAAS;IAAA7C;IAAAC;GAAuB,CAAC;GACvE,MAAA6C,MAAY,CAAA,GAAIF,QAAO3C,WAAU,GAAK2C,QAAOG,MAAO,CAAC,CAAAC,IAAKC,KAIxD;GAAE,IAAAC;GAAA,IAAAtC,EAAA,QAAAE,MAAA;IACiBoC,MAAApC,KAAIqC,cAAe7D,SAAQ8D,WAAY;IAACxC,EAAA,MAAAE;IAAAF,EAAA,MAAAsC;GAAA,OAAAA,MAAAtC,EAAA;GAA7DM,eAAqBgC;GAErB,IAAIvC,MAAKN,aAAc,MAAI;IAAA,IAAAgD;IAAA,IAAAzC,EAAA,QAAAD,OAAA;KACvB,MAAA,EAAAN,UAAAiD,WAAAtD,WAAAuD,YAAAtD,WAAAuD,YAAA,GAAAC,QAKI9C;KALJ0C,OAAAI;KAKU7C,EAAA,MAAAD;KAAAC,EAAA,MAAAyC;IAAA,OAAAA,OAAAzC,EAAA;IAAA,IAAA6C;IAAA,IAAA7C,EAAA,QAAAE,QAAAF,EAAA,QAAAD,MAAAT,aAAA;KAKWuD,MAAA9C,MAAKT,eAAgBY,KAAIqC,cAAe7D,SAAQoE,kBAAmB;KAAC9C,EAAA,MAAAE;KAAAF,EAAA,MAAAD,MAAAT;KAAAU,EAAA,MAAA6C;IAAA,OAAAA,MAAA7C,EAAA;IAHrFqB,MAAA,oBAAC,cAAD;KAAa,GACLoB;KACKP,SAAAA;KACI,aAAAW;KACCvC;IAAY,CAAA;IAJ9B,MAAAyB;GAKE;GAIV,MAAA,EAAArC,OAAAC,UAAAoD,QAAAC,OAAAC,aAAAC,QAAAC,UAAAC,UAAAC,UAAAC,MAAAC,IAAAC,WAAAC,WAAAC,gBAAAC,sBAAAC,iBAAArE,qBAkBIQ;GACJM,SAAeX,SAAA,CAAA,EAAA,CAAWmE,OACtBC,MACJ;GACA,MAAAC,WAAiBZ,aAAa,QAAQC,aAAa;GAAK,IAAAP;GAAA,IAAA7C,EAAA,QAAAL,UAAA;IAC5CkD,OAAAmB,SAAoBrE,WAAWqE,KAAIC,SAAU,IAAdD,OAAA,IAA6B;IAAChE,EAAA,MAAAL;IAAAK,EAAA,MAAA6C;GAAA,OAAAA,MAAA7C,EAAA;GAAzEO,MAAYsC;GAA8D,IAAAqB;GAAA,IAAAlE,EAAA,QAAAE,KAAA+B,QAAA;IAC3DiC,OAAAC,WACXlF,cAAcmF,MAA+C,IAAvCpF,eAAeoF,QAAMlE,KAAI+B,MAAc,IAA7DkC;IAA8DnE,EAAA,MAAAE,KAAA+B;IAAAjC,EAAA,MAAAkE;GAAA,OAAAA,MAAAlE,EAAA;GADlE,MAAAqE,SAAeH;GAEf,MAAAI,aAAmB,OAAOtB,UAAU,WAAjBA,QAAoCjD,MAAM;GAExDK,KAAAjC;GACW6E,MAAAA;GACKC,MAAAA;GAAW,IAAAjD,EAAA,QAAAkD,QAAA;IAChBrC,MAAAqC,UAAA,CAAA;IAAYlD,EAAA,MAAAkD;IAAAlD,EAAA,MAAAa;GAAA,OAAAA,MAAAb,EAAA;GACRqD,MAAAA;GACAF,MAAAA;GACDM,MAAAA;GACMC,MAAAA;GACKC,MAAAA;GACLC,MAAAA;GAEDhC,KAAA/C,4BAAMY;GACjBiB,MAAAL,MAAK4D,SAAU,IACZ,oBAAA,MAAA;IAAe,WAAApF,4BAAMO;IAChBiB,UAAAA,MAAK+B,KAAKmC,WACP,qBAAA,MAAA;KAEe,WAAAR,WAAWlF,4BAAM2F,UAAW3F,4BAAM4F;KAFjD,UAAA;MAIKxF,cAAcmF,MAIR,IAHH,oBAAA,QAAA;OAAiB,WAAAvF,4BAAM6F;OAAmB,eAAA;OACrC3F,UAAAA,eAAeqF,MAAI;MACjB,CAAA,IAHV;MAKD,oBAAA,QAAA;OAAiB,WAAAvF,4BAAMyE;OAAQe,UAAAA,OAAOD,MAAI;MAAS,CAAA;MAClDL,WACG,oBAAC,YAAD;OACU7F,MAAAA;OACD,MAAA;OACE,OAAA,GAAGgC,KAAIqC,cAAe7D,SAAQiG,MAAO,EAAC,GAAIN,OAAOD,MAAI;OAC/C,aAAA;OACJ,eAAM7D,IAAIF,MAAKwD,QAAQe,UAAWA,UAAUR,MAAI,CAAC;MAAC,CAAA,IANlE;KASA;IAlBIA,GAAAA,MAkBJ,CACR;GACA,CAAA,IAxBR;GA0BAjE,KAAA7B;GAAY,IAAA0B,EAAA,QAAAsE,YAAA;IACJ9D,KAAA8D,eAAeO,KAAAA,IAAf,EAAA,cAA2CP,WAAgB,IAA3D,CAA2D;IAACtE,EAAA,MAAAsE;IAAAtE,EAAA,MAAAQ;GAAA,OAAAA,KAAAR,EAAA;GAAA,IAAAA,EAAA,QAAAsD,MAAA;IAC5D7C,KAAA6C,SAASuB,KAAAA,IAAT,EAAAvB,KAAiC,IAAjC,CAAiC;IAACtD,EAAA,MAAAsD;IAAAtD,EAAA,MAAAS;GAAA,OAAAA,KAAAT,EAAA;GAAA,IAAAA,EAAA,QAAAuD,IAAA;IAClCnC,KAAAmC,OAAOsB,KAAAA,IAAP,EAAAtB,GAA6B,IAA7B,CAA6B;IAACvD,EAAA,MAAAuD;IAAAvD,EAAA,MAAAoB;GAAA,OAAAA,KAAApB,EAAA;GAAA,IAAAA,EAAA,QAAAwD,WAAA;IAC9BlC,KAAAkC,cAAcqB,KAAAA,IAAd,EAAArB,UAA2C,IAA3C,CAA2C;IAACxD,EAAA,MAAAwD;IAAAxD,EAAA,MAAAsB;GAAA,OAAAA,KAAAtB,EAAA;GAAA,IAAAA,EAAA,QAAA+C,QAAA;IAC5CxB,KAAAwB,WAAW8B,KAAAA,IAAX,EAAA9B,OAAqC,IAArC,CAAqC;IAAC/C,EAAA,MAAA+C;IAAA/C,EAAA,MAAAuB;GAAA,OAAAA,KAAAvB,EAAA;GAAA,IAAAA,EAAA,QAAAT,kBAAA;IACtCiC,KAAAjC,qBAAqBsF,KAAAA,IAArB,EAAAtF,iBAAyD,IAAzD,CAAyD;IAACS,EAAA,MAAAT;IAAAS,EAAA,MAAAwB;GAAA,OAAAA,KAAAxB,EAAA;GACrDmD,KAAAA;GACAC,KAAAA;GACDzB,KAAAO,IAAG2B,QAAQiB,WAAY,CAACzE,MAAK0E,SAAUD,OAAMV,IAAK,CAAC;EAAC;EAAApE,EAAA,KAAAZ;EAAAY,EAAA,KAAAE;EAAAF,EAAA,KAAAX;EAAAW,EAAA,KAAAD;EAAAC,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,MAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAA;EAAAzB,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,QAAAL,EAAA;EAAAM,eAAAN,EAAA;EAAAO,MAAAP,EAAA;EAAAQ,KAAAR,EAAA;EAAAS,KAAAT,EAAA;EAAAU,MAAAV,EAAA;EAAAW,MAAAX,EAAA;EAAAY,MAAAZ,EAAA;EAAAa,MAAAb,EAAA;EAAAc,MAAAd,EAAA;EAAAe,MAAAf,EAAA;EAAAgB,MAAAhB,EAAA;EAAAiB,MAAAjB,EAAA;EAAAkB,MAAAlB,EAAA;EAAAmB,MAAAnB,EAAA;EAAAoB,KAAApB,EAAA;EAAAqB,MAAArB,EAAA;EAAAsB,KAAAtB,EAAA;EAAAuB,KAAAvB,EAAA;EAAAwB,KAAAxB,EAAA;EAAAyB,KAAAzB,EAAA;EAAA0B,KAAA1B,EAAA;EAAA2B,KAAA3B,EAAA;EAAA4B,KAAA5B,EAAA;CAAA;CAAA,IAAAqB,QAAAQ,OAAAC,IAAA,6BAAA,GAAA,OAAAT;CAAA,IAAAiB;CAAA,IAAAtC,EAAA,QAAAK,SAAAL,EAAA,QAAAO,KAAA;EAEnD+B,OAAA0C,WAAA;GACN,IAAIZ,WAAS,QAAT,CAAkB/D,MAAK0E,SAAUX,MAAI,GACrC7D,IAAI,CAAA,GAAIF,OAAO+D,MAAI,CAAC;EACvB;EACJpE,EAAA,MAAAK;EAAAL,EAAA,MAAAO;EAAAP,EAAA,MAAAsC;CAAA,OAAAA,MAAAtC,EAAA;CAAA,IAAA6C;CAAA,IAAA7C,EAAA,QAAAE,QAAAF,EAAA,QAAAD,MAAAT,aAAA;EACYuD,MAAA9C,MAAKT,eAAgBY,KAAIqC,cAAe7D,SAAQuG,UAAW;EAACjF,EAAA,MAAAE;EAAAF,EAAA,MAAAD,MAAAT;EAAAU,EAAA,MAAA6C;CAAA,OAAAA,MAAA7C,EAAA;CAAA,IAAAkE;CAAA,IAAAlE,EAAA,QAAAG,MAAAH,EAAA,QAAAM,gBAAAN,EAAA,QAAAQ,MAAAR,EAAA,QAAAS,MAAAT,EAAA,QAAAoB,MAAApB,EAAA,QAAAsC,OAAAtC,EAAA,QAAA6C,OAAA7C,EAAA,QAAAsB,MAAAtB,EAAA,QAAAuB,MAAAvB,EAAA,QAAAwB,MAAAxB,EAAA,QAAAyB,MAAAzB,EAAA,QAAA0B,MAAA1B,EAAA,QAAA2B,IAAA;EAhB7EuC,MAAA,oBAAC,IAAD;GAAa,GACJ1D;GAA4D,GAC5DC;GAAkC,GAClCW;GAA8B,GAC9BE;GAA4C,GAC5CC;GAAsC,GACtCC;GACK2B,UAAAA;GACAC,UAAAA;GACD,SAAAzB;GACF,OAAA;GACG,UAAAW;GAKG,aAAAO;GACCvC;EAAY,CAAA;EAC5BN,EAAA,MAAAG;EAAAH,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;EAAAT,EAAA,MAAAoB;EAAApB,EAAA,MAAAsC;EAAAtC,EAAA,MAAA6C;EAAA7C,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;EAAA3B,EAAA,MAAAkE;CAAA,OAAAA,MAAAlE,EAAA;CAAA,IAAAkF;CAAA,IAAAlF,EAAA,QAAAU,OAAAV,EAAA,QAAAkE,OAAAlE,EAAA,QAAA4B,IAAA;EA7CNsD,MAAA,qBAAA,OAAA;GAAgB,WAAAtD;GAAhB,UAAA,CACKlB,KA0BDwD,GAmBE;;EAAAlE,EAAA,MAAAU;EAAAV,EAAA,MAAAkE;EAAAlE,EAAA,MAAA4B;EAAA5B,EAAA,MAAAkF;CAAA,OAAAA,MAAAlF,EAAA;CAAA,IAAAmF;CAAA,IAAAnF,EAAA,QAAAI,MAAAJ,EAAA,QAAAW,OAAAX,EAAA,QAAAY,OAAAZ,EAAA,QAAAa,OAAAb,EAAA,QAAAc,OAAAd,EAAA,QAAAe,OAAAf,EAAA,QAAAgB,OAAAhB,EAAA,QAAAiB,OAAAjB,EAAA,QAAAkB,OAAAlB,EAAA,QAAAmB,OAAAnB,EAAA,QAAAkF,KAAA;EAzDVC,MAAA,oBAAC,IAAD;GACYnC,QAAAA;GACKC,aAAAA;GACL,QAAApC;GACIwC,YAAAA;GACAF,YAAAA;GACDM,WAAAA;GACMC,iBAAAA;GACKC,sBAAAA;GACLC,iBAAAA;GAEjBsB,UAAAA;EAXK,CAAA;EA0DElF,EAAA,MAAAI;EAAAJ,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAkF;EAAAlF,EAAA,MAAAmF;CAAA,OAAAA,MAAAnF,EAAA;CAAA,OA1DXmF;AA0DW;AAlHZ,SAAArB,OAAAM,MAAAgB,OAAAC,MAAA;CAAA,OAgDwBjB,SAAS,MAAMiB,KAAIC,QAASlB,IAAI,MAAMgB;AAAK;AAhDnE,SAAA/C,MAAAmC,SAAA;CAAA,OAIqE;EAAAJ,MAC9DI,QAAOJ;EAAKd,MACZkB,QAAOlB;EAAKiC,QACVf,QAAOE;CACnB;AAAC;AA8GL,IAAMc,WAAW9F,UACb+F,MAAMC,QAAQhG,KAAK,KAAKA,MAAMiG,MAAMlH,QAAQ;;AAGhD,SAAOmH,kBAAA7F,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAO;CAAA,IAAAR,EAAA,OAAAD,MAAA8F,OAAA;EACerF,KAAAhC,WAAWuB,MAAK8F,OAAQ,aAAaL,OAAO;EAACxF,EAAA,KAAAD,MAAA8F;EAAA7F,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAA/D,MAAAZ,YAAkBoB;CAA8C,IAAAC;CAAA,IAAAT,EAAA,OAAAD,MAAA8F,OAAA;EAC9CpF,KAAAjC,WAAWuB,MAAK8F,OAAQ,aAAaL,OAAO;EAACxF,EAAA,KAAAD,MAAA8F;EAAA7F,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAA/D,MAAAX,YAAkBoB;CAA8C,IAAAW;CAAA,IAAApB,EAAA,OAAAD,OAAA;EAEzDqB,KAAA7C,cAAcwB,KAAK;EAACC,EAAA,KAAAD;EAAAC,EAAA,KAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,OAAAZ,WAAA;EACnBkC,KAAAlC,cAAcyF,KAAAA,IAAd,EAAAzF,UAA2C,IAA3C,CAA2C;EAACY,EAAA,KAAAZ;EAAAY,EAAA,KAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,IAAAuB;CAAA,IAAAvB,EAAA,OAAAX,WAAA;EAC5CkC,KAAAlC,cAAcwF,KAAAA,IAAd,EAAAxF,UAA2C,IAA3C,CAA2C;EAACW,EAAA,KAAAX;EAAAW,EAAA,KAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,IAAAwB;CAAA,IAAAxB,EAAA,QAAAoB,MAAApB,EAAA,QAAAsB,MAAAtB,EAAA,QAAAuB,IAAA;EAHrCC,KAAA;GAAA,GACRJ;GAAoB,GACnBE;GAA4C,GAC5CC;EACR;EAACvB,EAAA,MAAAoB;EAAApB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAJD,MAAA8F,SAAetE;CAKf,IAAIzB,MAAK8F,MAAMpG,aAAc,MAAI;EAAA,IAAAgC;EAAA,IAAAzB,EAAA,QAAAD,MAAAL,OAAA;GACf+B,KAAAgE,MAAKC,QAAS3F,MAAKL,KAA0C,IAAhCK,MAAKL,MAAMmE,OAAQpF,QAAa,IAA7D,CAAA;GAA8DuB,EAAA,MAAAD,MAAAL;GAAAM,EAAA,MAAAyB;EAAA,OAAAA,KAAAzB,EAAA;EAA5E,MAAAK,QAAcoB;EAKC,MAAAC,KAAArB,MAAK4D,SAAU,IAAf5D,QAAA;EAA+B,IAAAsB;EAAA,IAAA3B,EAAA,QAAAD,MAAAJ,YAAAK,EAAA,QAAA8F,UAAA9F,EAAA,QAAA0B,IAAA;GAH1CC,KAAA,oBAAC,cAAD;IAAa,GACLmE;IACJ,UAAA;IACO,OAAApE;IACG,UAAA3B,MAAKJ;GAAS,CAAA;GAC1BK,EAAA,MAAAD,MAAAJ;GAAAK,EAAA,MAAA8F;GAAA9F,EAAA,MAAA0B;GAAA1B,EAAA,MAAA2B;EAAA,OAAAA,KAAA3B,EAAA;EAAA,OALF2B;CAKE;CAMK,MAAAF,KAAAhD,SAASsB,MAAKL,KAA2B,IAAjBK,MAAKL,QAA7B;CAA0C,IAAAgC;CAAA,IAAA1B,EAAA,QAAAD,MAAAJ,YAAAK,EAAA,QAAA8F,UAAA9F,EAAA,QAAAyB,IAAA;EAFrDC,KAAA,oBAAC,cAAD;GAAa,GACLoE;GACG,OAAArE;GACG,UAAA1B,MAAKJ;EAAS,CAAA;EAC1BK,EAAA,MAAAD,MAAAJ;EAAAK,EAAA,MAAA8F;EAAA9F,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,OAJF0B;AAIE"}

package/dist/country/CountryField.module.js

@@ -0,0 +1,20 @@
+import "./CountryField.css";
+//#region src/country/CountryField.module.css
+var multiple = "panneau-country-field-multiple";
+var countries = "panneau-country-field-countries";
+var country = "panneau-country-field-country";
+var fixedCountry = "panneau-country-field-fixed-country";
+var flag = "panneau-country-field-flag";
+var name = "panneau-country-field-name";
+var CountryField_module_default = {
+	multiple,
+	countries,
+	country,
+	fixedCountry,
+	flag,
+	name
+};
+//#endregion
+export { countries, country, CountryField_module_default as default, fixedCountry, flag, multiple, name };
+
+//# sourceMappingURL=CountryField.module.js.map

package/dist/country/CountryField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryField.module.js","names":[],"sources":["../../src/country/CountryField.module.css"],"sourcesContent":[".multiple {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-2);\n}\n\n.countries {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-1) var(--panneau-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.country,\n.fixedCountry {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-1);\n    min-height: var(--panneau-control-height-sm);\n    max-width: 100%;\n    padding-inline: var(--panneau-space-3) var(--panneau-space-1);\n    font-size: var(--panneau-font-size-sm);\n    background-color: var(--panneau-color-surface-sunken);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-full);\n}\n\n.fixedCountry {\n    padding-inline-end: var(--panneau-space-3);\n}\n\n.flag {\n    flex: none;\n}\n\n.name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"],"mappings":""}

package/dist/country/codes.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The ISO 3166-1 alpha-2 codes of the countries and territories, and `XK` (Kosovo), which is
+ * widely used for it though not assigned.
+ */
+export declare const COUNTRY_CODES: readonly string[];
+//# sourceMappingURL=codes.d.ts.map

package/dist/country/codes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codes.d.ts","sourceRoot":"","sources":["../../src/country/codes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,MAAM,EA2P1C,CAAC"}