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

package/dist/tel/TelField.js

@@ -0,0 +1,390 @@
+import { getFieldProps, getSetting, isBoolean, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { getCountryFlag, getCountryName, getLocaleCountry } from "../country/countries.js";
+import { TextField } from "../text/TextField.js";
+import TelField_module_default from "./TelField.module.js";
+import { formatPhoneInput, getCallingCode, getPhoneCountries, joinExtension, parsePhone, readExtension, readPhone, splitExtension } from "./phone.js";
+import { c } from "react/compiler-runtime";
+import { Select, usePanneauIntl } from "@panneau/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+//#region src/tel/TelField.tsx
+/** Characters that aren't part of a number: an extension typed after it (`x123`, `ext. 123`). */
+var NOT_A_NUMBER = /[^\d\s()+.-]/;
+/** The text shown for a value: a number of the country in its format, any other as it is. */
+function display(value, country) {
+	const number = parsePhone(value);
+	if (number === null) return value ?? "";
+	return number.country !== null && number.country === country ? number.national : number.international;
+}
+/**
+* A phone number, in E.164 (`+15145550199`). The country of the number, its flag and its calling
+* code, is in a menu at the start of the input, and the number shows in the format of its country
+* as it is typed. The country follows the number: typing `+33…` picks France.
+*
+* Until a number is complete, the value is the text as typed, which the `tel` rule refuses. A value
+* that isn't E.164, kept from before, shows as it is, and becomes E.164 when the field is left, if
+* it reads as a number of the chosen country.
+*
+* With `extension`, an input after the number takes the digits of an extension, kept after `;ext=`
+* (`+15145550199;ext=123`). An extension typed or pasted after the number (`ext. 123`, `x123`,
+* `poste 123`) moves to that input when the field is left.
+*/
+function TelField(t0) {
+	const $ = c(88);
+	let defaultCountry;
+	let disabled;
+	let onBlur;
+	let onChange;
+	let props;
+	let readOnly;
+	let suffix;
+	let t1;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, country: defaultCountry, extension: t1, suffix, disabled, readOnly, ...props} = t0);
+		$[0] = t0;
+		$[1] = defaultCountry;
+		$[2] = disabled;
+		$[3] = onBlur;
+		$[4] = onChange;
+		$[5] = props;
+		$[6] = readOnly;
+		$[7] = suffix;
+		$[8] = t1;
+		$[9] = value;
+	} else {
+		defaultCountry = $[1];
+		disabled = $[2];
+		onBlur = $[3];
+		onChange = $[4];
+		props = $[5];
+		readOnly = $[6];
+		suffix = $[7];
+		t1 = $[8];
+		value = $[9];
+	}
+	const allowsExtension = t1 === void 0 ? false : t1;
+	const intl = usePanneauIntl();
+	const [chosen, setChosen] = useState(null);
+	const [draft, setDraft] = useState(null);
+	let country;
+	let number;
+	let parts;
+	let t2;
+	if ($[10] !== allowsExtension || $[11] !== chosen || $[12] !== defaultCountry || $[13] !== draft || $[14] !== intl.locale || $[15] !== value) {
+		parts = allowsExtension ? splitExtension(value) : {
+			number: value ?? null,
+			extension: null
+		};
+		number = parsePhone(parts.number);
+		country = number?.country ?? chosen ?? defaultCountry ?? getLocaleCountry(intl.locale) ?? null;
+		t2 = draft ?? display(parts.number, country);
+		$[10] = allowsExtension;
+		$[11] = chosen;
+		$[12] = defaultCountry;
+		$[13] = draft;
+		$[14] = intl.locale;
+		$[15] = value;
+		$[16] = country;
+		$[17] = number;
+		$[18] = parts;
+		$[19] = t2;
+	} else {
+		country = $[16];
+		number = $[17];
+		parts = $[18];
+		t2 = $[19];
+	}
+	const shown = t2;
+	let t3;
+	if ($[20] !== onChange || $[21] !== value) {
+		t3 = (next) => {
+			if (next !== (value ?? null)) onChange?.(next);
+		};
+		$[20] = onChange;
+		$[21] = value;
+		$[22] = t3;
+	} else t3 = $[22];
+	const emit = t3;
+	let t4;
+	if ($[23] !== emit || $[24] !== parts) {
+		t4 = (next_0, extension) => {
+			emit(joinExtension(next_0, extension === void 0 ? parts.extension : extension));
+		};
+		$[23] = emit;
+		$[24] = parts;
+		$[25] = t4;
+	} else t4 = $[25];
+	const emitNumber = t4;
+	let T0;
+	let t10;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[26] !== disabled || $[27] !== intl || $[28] !== readOnly) {
+		const collator = new Intl.Collator(intl.locale);
+		let t11;
+		if ($[36] !== intl.locale) {
+			t11 = (code) => ({
+				code,
+				name: getCountryName(code, intl.locale)
+			});
+			$[36] = intl.locale;
+			$[37] = t11;
+		} else t11 = $[37];
+		const countries = getPhoneCountries().map(t11).sort((a, b) => collator.compare(a.name, b.name));
+		T0 = Select;
+		if ($[38] !== intl) {
+			t5 = intl.formatMessage(messages.telCountry);
+			$[38] = intl;
+			$[39] = t5;
+		} else t5 = $[39];
+		t6 = "bare";
+		t7 = true;
+		t8 = disabled === true || readOnly === true;
+		t9 = "+";
+		t10 = countries.map(_temp);
+		$[26] = disabled;
+		$[27] = intl;
+		$[28] = readOnly;
+		$[29] = T0;
+		$[30] = t10;
+		$[31] = t5;
+		$[32] = t6;
+		$[33] = t7;
+		$[34] = t8;
+		$[35] = t9;
+	} else {
+		T0 = $[29];
+		t10 = $[30];
+		t5 = $[31];
+		t6 = $[32];
+		t7 = $[33];
+		t8 = $[34];
+		t9 = $[35];
+	}
+	let t11;
+	if ($[40] !== emitNumber || $[41] !== number?.nationalNumber || $[42] !== shown) {
+		t11 = (next_1) => {
+			const code_1 = next_1 !== null ? String(next_1) : null;
+			setChosen(code_1);
+			setDraft(null);
+			const digits = number?.nationalNumber ?? shown.replace(/^\+/, "");
+			emitNumber(readPhone(digits, code_1).value);
+		};
+		$[40] = emitNumber;
+		$[41] = number?.nationalNumber;
+		$[42] = shown;
+		$[43] = t11;
+	} else t11 = $[43];
+	let t12;
+	if ($[44] !== T0 || $[45] !== country || $[46] !== t10 || $[47] !== t11 || $[48] !== t5 || $[49] !== t6 || $[50] !== t7 || $[51] !== t8 || $[52] !== t9) {
+		t12 = /* @__PURE__ */ jsx(T0, {
+			"aria-label": t5,
+			appearance: t6,
+			isRequired: t7,
+			isDisabled: t8,
+			placeholder: t9,
+			options: t10,
+			value: country,
+			renderValue: _temp2,
+			onChange: t11
+		});
+		$[44] = T0;
+		$[45] = country;
+		$[46] = t10;
+		$[47] = t11;
+		$[48] = t5;
+		$[49] = t6;
+		$[50] = t7;
+		$[51] = t8;
+		$[52] = t9;
+		$[53] = t12;
+	} else t12 = $[53];
+	const picker = t12;
+	let t13;
+	if ($[54] !== allowsExtension || $[55] !== disabled || $[56] !== emitNumber || $[57] !== intl || $[58] !== onBlur || $[59] !== parts || $[60] !== props || $[61] !== readOnly) {
+		t13 = allowsExtension ? /* @__PURE__ */ jsxs("span", {
+			className: TelField_module_default.extension,
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				children: intl.formatMessage(messages.telExtensionShort)
+			}), /* @__PURE__ */ jsx("input", {
+				className: TelField_module_default.extensionInput,
+				type: "text",
+				inputMode: "numeric",
+				autoComplete: "tel-extension",
+				"aria-label": intl.formatMessage(messages.telExtension),
+				"aria-invalid": (props.errors?.length ?? 0) > 0 || void 0,
+				maxLength: 10,
+				value: parts.extension ?? "",
+				disabled,
+				readOnly,
+				onChange: (event) => {
+					const digits_0 = event.target.value.replace(/\D/g, "").slice(0, 10);
+					emitNumber(parts.number, digits_0 === "" ? null : digits_0);
+				},
+				onBlur: () => onBlur?.()
+			})]
+		}) : null;
+		$[54] = allowsExtension;
+		$[55] = disabled;
+		$[56] = emitNumber;
+		$[57] = intl;
+		$[58] = onBlur;
+		$[59] = parts;
+		$[60] = props;
+		$[61] = readOnly;
+		$[62] = t13;
+	} else t13 = $[62];
+	const extensionInput = t13;
+	let t14;
+	if ($[63] !== extensionInput || $[64] !== suffix) {
+		t14 = extensionInput !== null || suffix !== void 0 ? { suffix: /* @__PURE__ */ jsxs(Fragment, { children: [extensionInput, suffix] }) } : {};
+		$[63] = extensionInput;
+		$[64] = suffix;
+		$[65] = t14;
+	} else t14 = $[65];
+	let t15;
+	if ($[66] !== allowsExtension || $[67] !== country || $[68] !== emitNumber || $[69] !== shown) {
+		t15 = (text) => {
+			const typed = text ?? "";
+			const typedExtension = allowsExtension && NOT_A_NUMBER.test(typed);
+			const added = typed.startsWith(shown) ? typed.slice(shown.length) : "";
+			const next_2 = !typedExtension && added !== "" && !(allowsExtension && added.trim() === "") ? formatPhoneInput(typed, country) : typed;
+			setDraft(next_2);
+			if (typedExtension) {
+				emitNumber(next_2.trim());
+				return;
+			}
+			const read = readPhone(next_2, country);
+			if (read.country !== null && read.country !== country) setChosen(read.country);
+			emitNumber(read.value);
+		};
+		$[66] = allowsExtension;
+		$[67] = country;
+		$[68] = emitNumber;
+		$[69] = shown;
+		$[70] = t15;
+	} else t15 = $[70];
+	let t16;
+	if ($[71] !== allowsExtension || $[72] !== country || $[73] !== disabled || $[74] !== emitNumber || $[75] !== onBlur || $[76] !== parts || $[77] !== readOnly) {
+		t16 = () => {
+			setDraft(null);
+			if (readOnly !== true && disabled !== true && isString(parts.number) && parsePhone(parts.number) === null) {
+				const typed_0 = allowsExtension ? readExtension(parts.number) : null;
+				emitNumber(readPhone(typed_0?.number ?? parts.number, country).value, typed_0?.extension ?? parts.extension);
+			}
+			onBlur?.();
+		};
+		$[71] = allowsExtension;
+		$[72] = country;
+		$[73] = disabled;
+		$[74] = emitNumber;
+		$[75] = onBlur;
+		$[76] = parts;
+		$[77] = readOnly;
+		$[78] = t16;
+	} else t16 = $[78];
+	let t17;
+	if ($[79] !== disabled || $[80] !== picker || $[81] !== props || $[82] !== readOnly || $[83] !== shown || $[84] !== t14 || $[85] !== t15 || $[86] !== t16) {
+		t17 = /* @__PURE__ */ jsx(TextField, {
+			autoComplete: "tel",
+			...props,
+			disabled,
+			readOnly,
+			type: "tel",
+			inputMode: "tel",
+			prefix: picker,
+			...t14,
+			value: shown,
+			onChange: t15,
+			onBlur: t16
+		});
+		$[79] = disabled;
+		$[80] = picker;
+		$[81] = props;
+		$[82] = readOnly;
+		$[83] = shown;
+		$[84] = t14;
+		$[85] = t15;
+		$[86] = t16;
+		$[87] = t17;
+	} else t17 = $[87];
+	return t17;
+}
+/**
+* The `tel` type: `settings.country` is the country of a new number, and `settings.extension` adds
+* an input for an extension.
+*/
+function _temp2(option) {
+	return `+${getCallingCode(String(option.value)) ?? ""}`;
+}
+function _temp(t0) {
+	const { code: code_0, name } = t0;
+	return {
+		value: code_0,
+		label: `${name} +${getCallingCode(code_0) ?? ""}`,
+		prefix: getCountryFlag(code_0)
+	};
+}
+function TelFieldEntry(props) {
+	const $ = c(16);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "country", isString);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const country = t0;
+	let t1;
+	if ($[2] !== props.field) {
+		t1 = getSetting(props.field, "extension", isBoolean);
+		$[2] = props.field;
+		$[3] = t1;
+	} else t1 = $[3];
+	const extension = t1 === true;
+	let t2;
+	if ($[4] !== props) {
+		t2 = getFieldProps(props);
+		$[4] = props;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== country) {
+		t3 = country !== void 0 ? { country } : {};
+		$[6] = country;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== extension) {
+		t4 = extension ? { extension } : {};
+		$[8] = extension;
+		$[9] = t4;
+	} else t4 = $[9];
+	const t5 = isString(props.value) ? props.value : null;
+	let t6;
+	if ($[10] !== props.onChange || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsx(TelField, {
+			...t2,
+			...t3,
+			...t4,
+			value: t5,
+			onChange: props.onChange
+		});
+		$[10] = props.onChange;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
+}
+//#endregion
+export { TelField, TelFieldEntry };
+
+//# sourceMappingURL=TelField.js.map

package/dist/tel/TelField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelField.js","names":["useState","Select","usePanneauIntl","getCountryFlag","getCountryName","getLocaleCountry","getFieldProps","getSetting","isBoolean","isString","messages","FieldEntryProps","TextField","TextFieldProps","styles","MAX_EXTENSION_LENGTH","formatPhoneInput","getCallingCode","getPhoneCountries","joinExtension","parsePhone","readExtension","readPhone","splitExtension","TelFieldProps","Omit","country","extension","NOT_A_NUMBER","display","value","number","national","international","TelField","t0","$","_c","defaultCountry","disabled","onBlur","onChange","props","readOnly","suffix","t1","allowsExtension","undefined","intl","chosen","setChosen","draft","setDraft","parts","t2","locale","shown","t3","next","emit","t4","next_0","emitNumber","T0","t10","t5","t6","t7","t8","t9","collator","Intl","Collator","t11","code","name","countries","map","sort","a","b","compare","formatMessage","telCountry","_temp","nationalNumber","next_1","code_1","String","digits","replace","t12","_temp2","picker","t13","telExtensionShort","extensionInput","telExtension","errors","length","event","digits_0","target","slice","t14","t15","text","typed","typedExtension","test","added","startsWith","next_2","trim","read","t16","typed_0","t17","option","code_0","label","prefix","TelFieldEntry","field","_c","styles","_Fragment"],"sources":["../../src/tel/TelField.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Select, usePanneauIntl } from '@panneau/ui';\n\nimport { getCountryFlag, getCountryName, getLocaleCountry } from '../country/countries';\nimport { getFieldProps, getSetting, isBoolean, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\nimport styles from './TelField.module.css';\nimport {\n    MAX_EXTENSION_LENGTH,\n    formatPhoneInput,\n    getCallingCode,\n    getPhoneCountries,\n    joinExtension,\n    parsePhone,\n    readExtension,\n    readPhone,\n    splitExtension,\n} from './phone';\n\nexport interface TelFieldProps extends Omit<\n    TextFieldProps,\n    'type' | 'inputMode' | 'prefix' | 'maxLength' | 'secret'\n> {\n    /**\n     * The country of a new number (`CA`). Without it, the region of the user's locale (`fr-CA`\n     * gives `CA`).\n     */\n    country?: string | null;\n    /**\n     * Adds an input for the extension, after the number. The value is then the number with its\n     * extension after `;ext=`, as in a `tel:` URI: `+15145550199;ext=123`.\n     */\n    extension?: boolean;\n}\n\n/** Characters that aren't part of a number: an extension typed after it (`x123`, `ext. 123`). */\nconst NOT_A_NUMBER = /[^\\d\\s()+.-]/;\n\n/** The text shown for a value: a number of the country in its format, any other as it is. */\nfunction display(value: string | null | undefined, country: string | null): string {\n    const number = parsePhone(value);\n    if (number === null) {\n        return value ?? '';\n    }\n    return number.country !== null && number.country === country\n        ? number.national\n        : number.international;\n}\n\n/**\n * A phone number, in E.164 (`+15145550199`). The country of the number, its flag and its calling\n * code, is in a menu at the start of the input, and the number shows in the format of its country\n * as it is typed. The country follows the number: typing `+33…` picks France.\n *\n * Until a number is complete, the value is the text as typed, which the `tel` rule refuses. A value\n * that isn't E.164, kept from before, shows as it is, and becomes E.164 when the field is left, if\n * it reads as a number of the chosen country.\n *\n * With `extension`, an input after the number takes the digits of an extension, kept after `;ext=`\n * (`+15145550199;ext=123`). An extension typed or pasted after the number (`ext. 123`, `x123`,\n * `poste 123`) moves to that input when the field is left.\n */\nexport function TelField({\n    value,\n    onChange,\n    onBlur,\n    country: defaultCountry,\n    extension: allowsExtension = false,\n    suffix,\n    disabled,\n    readOnly,\n    ...props\n}: TelFieldProps) {\n    const intl = usePanneauIntl();\n    // The country picked in the menu, or found in a number typed with its calling code.\n    const [chosen, setChosen] = useState<string | null>(null);\n    // The text being typed, while the input has the focus.\n    const [draft, setDraft] = useState<string | null>(null);\n    // Without extensions, a value is a number as it is, even with `;ext=`: the rule refuses it.\n    const parts = allowsExtension\n        ? splitExtension(value)\n        : { number: value ?? null, extension: null };\n    const number = parsePhone(parts.number);\n    const country =\n        number?.country ?? chosen ?? defaultCountry ?? getLocaleCountry(intl.locale) ?? null;\n    const shown = draft ?? display(parts.number, country);\n\n    const emit = (next: string | null) => {\n        if (next !== (value ?? null)) {\n            onChange?.(next);\n        }\n    };\n    /** A number, with the extension of the value, or another one. */\n    const emitNumber = (next: string | null, extension?: string | null) => {\n        emit(joinExtension(next, extension === undefined ? parts.extension : extension));\n    };\n\n    const collator = new Intl.Collator(intl.locale);\n    const countries = getPhoneCountries()\n        .map((code) => ({ code, name: getCountryName(code, intl.locale) }))\n        .sort((a, b) => collator.compare(a.name, b.name));\n\n    const picker = (\n        <Select\n            aria-label={intl.formatMessage(messages.telCountry)}\n            appearance=\"bare\"\n            isRequired\n            isDisabled={disabled === true || readOnly === true}\n            placeholder=\"+\"\n            options={countries.map(({ code, name }) => ({\n                value: code,\n                label: `${name} +${getCallingCode(code) ?? ''}`,\n                prefix: getCountryFlag(code),\n            }))}\n            value={country}\n            renderValue={(option) => `+${getCallingCode(String(option.value)) ?? ''}`}\n            onChange={(next) => {\n                const code = next !== null ? String(next) : null;\n                setChosen(code);\n                setDraft(null);\n                // The same digits, in the country picked.\n                const digits = number?.nationalNumber ?? shown.replace(/^\\+/, '');\n                emitNumber(readPhone(digits, code).value);\n            }}\n        />\n    );\n\n    const extensionInput = allowsExtension ? (\n        <span className={styles.extension}>\n            <span aria-hidden=\"true\">{intl.formatMessage(messages.telExtensionShort)}</span>\n            <input\n                className={styles.extensionInput}\n                type=\"text\"\n                inputMode=\"numeric\"\n                autoComplete=\"tel-extension\"\n                aria-label={intl.formatMessage(messages.telExtension)}\n                aria-invalid={(props.errors?.length ?? 0) > 0 || undefined}\n                maxLength={MAX_EXTENSION_LENGTH}\n                value={parts.extension ?? ''}\n                disabled={disabled}\n                readOnly={readOnly}\n                onChange={(event) => {\n                    // Digits only: other characters are left out as they are typed.\n                    const digits = event.target.value\n                        .replace(/\\D/g, '')\n                        .slice(0, MAX_EXTENSION_LENGTH);\n                    emitNumber(parts.number, digits === '' ? null : digits);\n                }}\n                onBlur={() => onBlur?.()}\n            />\n        </span>\n    ) : null;\n\n    return (\n        <TextField\n            autoComplete=\"tel\"\n            {...props}\n            disabled={disabled}\n            readOnly={readOnly}\n            type=\"tel\"\n            inputMode=\"tel\"\n            prefix={picker}\n            {...(extensionInput !== null || suffix !== undefined\n                ? {\n                      suffix: (\n                          <>\n                              {extensionInput}\n                              {suffix}\n                          </>\n                      ),\n                  }\n                : {})}\n            value={shown}\n            onChange={(text) => {\n                const typed = text ?? '';\n                // An extension typed after the number stays as typed until the field is left.\n                const typedExtension = allowsExtension && NOT_A_NUMBER.test(typed);\n                // Characters added at the end are formatted as they are typed; other edits stay as\n                // they are, so that the cursor doesn't jump. With extensions, a space typed after\n                // the number stays, before `ext.` or `x`.\n                const added = typed.startsWith(shown) ? typed.slice(shown.length) : '';\n                const next =\n                    !typedExtension && added !== '' && !(allowsExtension && added.trim() === '')\n                        ? formatPhoneInput(typed, country)\n                        : typed;\n                setDraft(next);\n                if (typedExtension) {\n                    emitNumber(next.trim());\n                    return;\n                }\n                const read = readPhone(next, country);\n                if (read.country !== null && read.country !== country) {\n                    setChosen(read.country);\n                }\n                emitNumber(read.value);\n            }}\n            onBlur={() => {\n                setDraft(null);\n                // A number as typed becomes E.164 when it reads as a number of the country, and an\n                // extension typed after it moves to its input, unless the field can't be changed.\n                if (\n                    readOnly !== true &&\n                    disabled !== true &&\n                    isString(parts.number) &&\n                    parsePhone(parts.number) === null\n                ) {\n                    const typed = allowsExtension ? readExtension(parts.number) : null;\n                    emitNumber(\n                        readPhone(typed?.number ?? parts.number, country).value,\n                        typed?.extension ?? parts.extension,\n                    );\n                }\n                onBlur?.();\n            }}\n        />\n    );\n}\n\n/**\n * The `tel` type: `settings.country` is the country of a new number, and `settings.extension` adds\n * an input for an extension.\n */\nexport function TelFieldEntry(props: FieldEntryProps) {\n    const country = getSetting(props.field, 'country', isString);\n    const extension = getSetting(props.field, 'extension', isBoolean) === true;\n    return (\n        <TelField\n            {...getFieldProps(props)}\n            {...(country !== undefined ? { country } : {})}\n            {...(extension ? { extension } : {})}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/tel/TelField.module.js

@@ -0,0 +1,12 @@
+import "./TelField.css";
+//#region src/tel/TelField.module.css
+var extension = "panneau-tel-field-extension";
+var extensionInput = "panneau-tel-field-extension-input";
+var TelField_module_default = {
+	extension,
+	extensionInput
+};
+//#endregion
+export { TelField_module_default as default, extension, extensionInput };
+
+//# sourceMappingURL=TelField.module.js.map

package/dist/tel/TelField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelField.module.js","names":[],"sources":["../../src/tel/TelField.module.css"],"sourcesContent":["/* The extension, after the number, in the same box. */\n.extension {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-1);\n    align-self: stretch;\n    padding-inline-start: var(--panneau-space-2);\n    border-inline-start: var(--panneau-border-width) solid var(--panneau-color-border-control);\n}\n\n.extensionInput {\n    width: 6ch;\n    min-width: 0;\n    padding: 0;\n    font: inherit;\n    color: var(--panneau-color-text);\n    background: transparent;\n    border: 0;\n    outline: none;\n}\n\n.extensionInput:read-only,\n.extensionInput:disabled {\n    cursor: inherit;\n}\n"],"mappings":""}

package/dist/tel/index.d.ts

@@ -0,0 +1,3 @@
+export { TelField, TelFieldEntry, type TelFieldProps } from './TelField.js';
+export { MAX_EXTENSION_LENGTH, type PhoneNumber, type PhoneParts, formatPhoneInput, getCallingCode, getPhoneCountries, joinExtension, parsePhone, readExtension, readPhone, splitExtension, } from './phone.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EACH,oBAAoB,EACpB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,cAAc,GACjB,MAAM,SAAS,CAAC"}

package/dist/tel/index.js

@@ -0,0 +1,3 @@
+import { MAX_EXTENSION_LENGTH, formatPhoneInput, getCallingCode, getPhoneCountries, joinExtension, parsePhone, readExtension, readPhone, splitExtension } from "./phone.js";
+import { TelField, TelFieldEntry } from "./TelField.js";
+export { MAX_EXTENSION_LENGTH, TelField, TelFieldEntry, formatPhoneInput, getCallingCode, getPhoneCountries, joinExtension, parsePhone, readExtension, readPhone, splitExtension };

package/dist/tel/phone.d.ts

@@ -0,0 +1,59 @@
+/** A phone number read from an E.164 value. */
+export interface PhoneNumber {
+    /** The value, in E.164: `+15145550199`. */
+    number: string;
+    /** The country of the number, or `null` for a number of no country (`+800`). */
+    country: string | null;
+    /** The digits after the calling code: `5145550199`. */
+    nationalNumber: string;
+    /** In the format of its country: `(514) 555-0199`. */
+    national: string;
+    /** With its calling code: `+1 514 555 0199`. */
+    international: string;
+}
+/** A value in E.164 that is a valid number, read. `null` for any other value. */
+export declare function parsePhone(value: unknown): PhoneNumber | null;
+/**
+ * The value of a typed number: in E.164 once it is a valid number of its country, the text as
+ * typed (trimmed) until then, or `null` when empty. A number typed with its calling code (`+33…`)
+ * gives its own country.
+ */
+export declare function readPhone(text: string, country: string | null): {
+    value: string | null;
+    country: string | null;
+};
+/** A number being typed, in the format of its country: `514555` gives `(514) 555`. */
+export declare function formatPhoneInput(text: string, country: string | null): string;
+/** The calling code of a country, without `+` (`1` for `CA`), or `null`. */
+export declare function getCallingCode(country: string | null | undefined): string | null;
+/** The countries that have calling codes. */
+export declare function getPhoneCountries(): string[];
+/** The longest extension a value can have, in digits. */
+export declare const MAX_EXTENSION_LENGTH = 10;
+/** A value split into its number and its extension. */
+export interface PhoneParts {
+    /** The number: E.164, or the text as typed. `null` when empty. */
+    number: string | null;
+    /** The digits of the extension, or `null` without one. */
+    extension: string | null;
+}
+/**
+ * The number and the extension of a value: `+15145550199;ext=123` gives `+15145550199` and `123`.
+ * A value without `;ext=` is a number without an extension. To send a value to a service that
+ * doesn't take extensions (SMS), keep its `number`.
+ */
+export declare function splitExtension(value: string | null | undefined): PhoneParts;
+/**
+ * A number with its extension, after `;ext=`: `+15145550199;ext=123`. Without an extension, the
+ * number as it is.
+ */
+export declare function joinExtension(number: string | null | undefined, extension: string | null | undefined): string | null;
+/**
+ * The extension typed after a number, as people write it: `514 555-0199 ext. 123`, `x123`,
+ * `poste 123`, or `;ext=123`. `null` when the text has none.
+ */
+export declare function readExtension(text: string): {
+    number: string;
+    extension: string;
+} | null;
+//# sourceMappingURL=phone.d.ts.map

package/dist/tel/phone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone.d.ts","sourceRoot":"","sources":["../../src/tel/phone.ts"],"names":[],"mappings":"AAYA,+CAA+C;AAC/C,MAAM,WAAW,WAAW;IACxB,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,aAAa,EAAE,MAAM,CAAC;CACzB;AAQD,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAe7D;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CACrB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,GAAG,IAAI,GACvB;IAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAelD;AAED,sFAAsF;AACtF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE7E;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAGhF;AAED,6CAA6C;AAC7C,wBAAgB,iBAAiB,IAAI,MAAM,EAAE,CAE5C;AAED,yDAAyD;AACzD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAWvC,uDAAuD;AACvD,MAAM,WAAW,UAAU;IACvB,kEAAkE;IAClE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,0DAA0D;IAC1D,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,UAAU,CAU3E;AAED;;;GAGG;AACH,wBAAgB,aAAa,CACzB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACrC,MAAM,GAAG,IAAI,CAKf;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAOxF"}

package/dist/tel/phone.js

@@ -0,0 +1,107 @@
+import { AsYouType, getCountries, getCountryCallingCode, isSupportedCountry, parsePhoneNumberFromString } from "libphonenumber-js/min";
+//#region src/tel/phone.ts
+/** An international number in E.164, as the `tel` rule of the protocol checks it. */
+var E164 = /^\+[1-9]\d{6,14}$/;
+function asCountry(country) {
+	return country !== null && country !== void 0 && isSupportedCountry(country) ? country : void 0;
+}
+/** A value in E.164 that is a valid number, read. `null` for any other value. */
+function parsePhone(value) {
+	if (typeof value !== "string" || !E164.test(value)) return null;
+	const number = parsePhoneNumberFromString(value);
+	if (number === void 0 || !number.isValid()) return null;
+	return {
+		number: number.number,
+		country: number.country ?? null,
+		nationalNumber: number.nationalNumber,
+		national: number.formatNational(),
+		international: number.formatInternational()
+	};
+}
+/**
+* The value of a typed number: in E.164 once it is a valid number of its country, the text as
+* typed (trimmed) until then, or `null` when empty. A number typed with its calling code (`+33…`)
+* gives its own country.
+*/
+function readPhone(text, country) {
+	const trimmed = text.trim();
+	if (trimmed === "") return {
+		value: null,
+		country: null
+	};
+	const typer = new AsYouType(asCountry(country));
+	typer.input(trimmed);
+	const number = typer.getNumber();
+	if (number?.isValid() === true) return {
+		value: number.number,
+		country: number.country ?? null
+	};
+	return {
+		value: trimmed,
+		country: typer.isInternational() ? typer.getCountry() ?? null : null
+	};
+}
+/** A number being typed, in the format of its country: `514555` gives `(514) 555`. */
+function formatPhoneInput(text, country) {
+	return new AsYouType(asCountry(country)).input(text);
+}
+/** The calling code of a country, without `+` (`1` for `CA`), or `null`. */
+function getCallingCode(country) {
+	const code = asCountry(country);
+	return code !== void 0 ? getCountryCallingCode(code) : null;
+}
+/** The countries that have calling codes. */
+function getPhoneCountries() {
+	return getCountries();
+}
+/** The longest extension a value can have, in digits. */
+var MAX_EXTENSION_LENGTH = 10;
+/** A value with an extension after `;ext=`, as in a `tel:` URI (RFC 3966). */
+var STORED_EXTENSION = /^(.*);ext=(\d{1,10})$/s;
+/**
+* An extension typed after a number: `514 555-0199 ext. 123`, `x123`, `poste 123`, `;ext=123`. The
+* number ends with a digit or a parenthesis.
+*/
+var TYPED_EXTENSION = /^(.*?[\d)])[\s,;]*(?:extension|ext|poste|x)\s*[.:=#]?\s*(\d{1,10})$/is;
+/**
+* The number and the extension of a value: `+15145550199;ext=123` gives `+15145550199` and `123`.
+* A value without `;ext=` is a number without an extension. To send a value to a service that
+* doesn't take extensions (SMS), keep its `number`.
+*/
+function splitExtension(value) {
+	const match = STORED_EXTENSION.exec(value ?? "");
+	if (match === null) return {
+		number: value === void 0 || value === "" ? null : value ?? null,
+		extension: null
+	};
+	const [, number = "", extension = null] = match;
+	return {
+		number: number === "" ? null : number,
+		extension
+	};
+}
+/**
+* A number with its extension, after `;ext=`: `+15145550199;ext=123`. Without an extension, the
+* number as it is.
+*/
+function joinExtension(number, extension) {
+	if (extension === null || extension === void 0 || extension === "") return number === void 0 || number === "" ? null : number ?? null;
+	return `${number ?? ""};ext=${extension}`;
+}
+/**
+* The extension typed after a number, as people write it: `514 555-0199 ext. 123`, `x123`,
+* `poste 123`, or `;ext=123`. `null` when the text has none.
+*/
+function readExtension(text) {
+	const match = TYPED_EXTENSION.exec(text.trim());
+	if (match === null) return null;
+	const [, number = "", extension = ""] = match;
+	return {
+		number: number.trim(),
+		extension
+	};
+}
+//#endregion
+export { MAX_EXTENSION_LENGTH, formatPhoneInput, getCallingCode, getPhoneCountries, joinExtension, parsePhone, readExtension, readPhone, splitExtension };
+
+//# sourceMappingURL=phone.js.map

package/dist/tel/phone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone.js","names":["AsYouType","CountryCode","getCountries","getCountryCallingCode","isSupportedCountry","parsePhoneNumberFromString","E164","PhoneNumber","number","country","nationalNumber","national","international","asCountry","undefined","parsePhone","value","test","isValid","formatNational","formatInternational","readPhone","text","trimmed","trim","typer","input","getNumber","isInternational","getCountry","formatPhoneInput","getCallingCode","code","getPhoneCountries","MAX_EXTENSION_LENGTH","STORED_EXTENSION","TYPED_EXTENSION","PhoneParts","extension","splitExtension","match","exec","joinExtension","readExtension"],"sources":["../../src/tel/phone.ts"],"sourcesContent":["import {\n    AsYouType,\n    type CountryCode,\n    getCountries,\n    getCountryCallingCode,\n    isSupportedCountry,\n    parsePhoneNumberFromString,\n} from 'libphonenumber-js/min';\n\n/** An international number in E.164, as the `tel` rule of the protocol checks it. */\nconst E164 = /^\\+[1-9]\\d{6,14}$/;\n\n/** A phone number read from an E.164 value. */\nexport interface PhoneNumber {\n    /** The value, in E.164: `+15145550199`. */\n    number: string;\n    /** The country of the number, or `null` for a number of no country (`+800`). */\n    country: string | null;\n    /** The digits after the calling code: `5145550199`. */\n    nationalNumber: string;\n    /** In the format of its country: `(514) 555-0199`. */\n    national: string;\n    /** With its calling code: `+1 514 555 0199`. */\n    international: string;\n}\n\nfunction asCountry(country: string | null | undefined): CountryCode | undefined {\n    return country !== null && country !== undefined && isSupportedCountry(country)\n        ? country\n        : undefined;\n}\n\n/** A value in E.164 that is a valid number, read. `null` for any other value. */\nexport function parsePhone(value: unknown): PhoneNumber | null {\n    if (typeof value !== 'string' || !E164.test(value)) {\n        return null;\n    }\n    const number = parsePhoneNumberFromString(value);\n    if (number === undefined || !number.isValid()) {\n        return null;\n    }\n    return {\n        number: number.number,\n        country: number.country ?? null,\n        nationalNumber: number.nationalNumber,\n        national: number.formatNational(),\n        international: number.formatInternational(),\n    };\n}\n\n/**\n * The value of a typed number: in E.164 once it is a valid number of its country, the text as\n * typed (trimmed) until then, or `null` when empty. A number typed with its calling code (`+33…`)\n * gives its own country.\n */\nexport function readPhone(\n    text: string,\n    country: string | null,\n): { value: string | null; country: string | null } {\n    const trimmed = text.trim();\n    if (trimmed === '') {\n        return { value: null, country: null };\n    }\n    const typer = new AsYouType(asCountry(country));\n    typer.input(trimmed);\n    const number = typer.getNumber();\n    if (number?.isValid() === true) {\n        return { value: number.number, country: number.country ?? null };\n    }\n    return {\n        value: trimmed,\n        country: typer.isInternational() ? (typer.getCountry() ?? null) : null,\n    };\n}\n\n/** A number being typed, in the format of its country: `514555` gives `(514) 555`. */\nexport function formatPhoneInput(text: string, country: string | null): string {\n    return new AsYouType(asCountry(country)).input(text);\n}\n\n/** The calling code of a country, without `+` (`1` for `CA`), or `null`. */\nexport function getCallingCode(country: string | null | undefined): string | null {\n    const code = asCountry(country);\n    return code !== undefined ? getCountryCallingCode(code) : null;\n}\n\n/** The countries that have calling codes. */\nexport function getPhoneCountries(): string[] {\n    return getCountries();\n}\n\n/** The longest extension a value can have, in digits. */\nexport const MAX_EXTENSION_LENGTH = 10;\n\n/** A value with an extension after `;ext=`, as in a `tel:` URI (RFC 3966). */\nconst STORED_EXTENSION = /^(.*);ext=(\\d{1,10})$/s;\n\n/**\n * An extension typed after a number: `514 555-0199 ext. 123`, `x123`, `poste 123`, `;ext=123`. The\n * number ends with a digit or a parenthesis.\n */\nconst TYPED_EXTENSION = /^(.*?[\\d)])[\\s,;]*(?:extension|ext|poste|x)\\s*[.:=#]?\\s*(\\d{1,10})$/is;\n\n/** A value split into its number and its extension. */\nexport interface PhoneParts {\n    /** The number: E.164, or the text as typed. `null` when empty. */\n    number: string | null;\n    /** The digits of the extension, or `null` without one. */\n    extension: string | null;\n}\n\n/**\n * The number and the extension of a value: `+15145550199;ext=123` gives `+15145550199` and `123`.\n * A value without `;ext=` is a number without an extension. To send a value to a service that\n * doesn't take extensions (SMS), keep its `number`.\n */\nexport function splitExtension(value: string | null | undefined): PhoneParts {\n    const match = STORED_EXTENSION.exec(value ?? '');\n    if (match === null) {\n        return {\n            number: value === undefined || value === '' ? null : (value ?? null),\n            extension: null,\n        };\n    }\n    const [, number = '', extension = null] = match;\n    return { number: number === '' ? null : number, extension };\n}\n\n/**\n * A number with its extension, after `;ext=`: `+15145550199;ext=123`. Without an extension, the\n * number as it is.\n */\nexport function joinExtension(\n    number: string | null | undefined,\n    extension: string | null | undefined,\n): string | null {\n    if (extension === null || extension === undefined || extension === '') {\n        return number === undefined || number === '' ? null : (number ?? null);\n    }\n    return `${number ?? ''};ext=${extension}`;\n}\n\n/**\n * The extension typed after a number, as people write it: `514 555-0199 ext. 123`, `x123`,\n * `poste 123`, or `;ext=123`. `null` when the text has none.\n */\nexport function readExtension(text: string): { number: string; extension: string } | null {\n    const match = TYPED_EXTENSION.exec(text.trim());\n    if (match === null) {\n        return null;\n    }\n    const [, number = '', extension = ''] = match;\n    return { number: number.trim(), extension };\n}\n"],"mappings":";;;AAUA,IAAMM,OAAO;AAgBb,SAASO,UAAUJ,SAA6D;CAC5E,OAAOA,YAAY,QAAQA,YAAYK,KAAAA,KAAaV,mBAAmBK,OAAO,IACxEA,UACAK,KAAAA;AACV;;AAGA,SAAgBC,WAAWC,OAAoC;CAC3D,IAAI,OAAOA,UAAU,YAAY,CAACV,KAAKW,KAAKD,KAAK,GAC7C,OAAO;CAEX,MAAMR,SAASH,2BAA2BW,KAAK;CAC/C,IAAIR,WAAWM,KAAAA,KAAa,CAACN,OAAOU,QAAQ,GACxC,OAAO;CAEX,OAAO;EACHV,QAAQA,OAAOA;EACfC,SAASD,OAAOC,WAAW;EAC3BC,gBAAgBF,OAAOE;EACvBC,UAAUH,OAAOW,eAAe;EAChCP,eAAeJ,OAAOY,oBAAoB;CAC9C;AACJ;;;;;;AAOA,SAAgBC,UACZC,MACAb,SACgD;CAChD,MAAMc,UAAUD,KAAKE,KAAK;CAC1B,IAAID,YAAY,IACZ,OAAO;EAAEP,OAAO;EAAMP,SAAS;CAAK;CAExC,MAAMgB,QAAQ,IAAIzB,UAAUa,UAAUJ,OAAO,CAAC;CAC9CgB,MAAMC,MAAMH,OAAO;CACnB,MAAMf,SAASiB,MAAME,UAAU;CAC/B,IAAInB,QAAQU,QAAQ,MAAM,MACtB,OAAO;EAAEF,OAAOR,OAAOA;EAAQC,SAASD,OAAOC,WAAW;CAAK;CAEnE,OAAO;EACHO,OAAOO;EACPd,SAASgB,MAAMG,gBAAgB,IAAKH,MAAMI,WAAW,KAAK,OAAQ;CACtE;AACJ;;AAGA,SAAgBC,iBAAiBR,MAAcb,SAAgC;CAC3E,OAAO,IAAIT,UAAUa,UAAUJ,OAAO,CAAC,CAAC,CAACiB,MAAMJ,IAAI;AACvD;;AAGA,SAAgBS,eAAetB,SAAmD;CAC9E,MAAMuB,OAAOnB,UAAUJ,OAAO;CAC9B,OAAOuB,SAASlB,KAAAA,IAAYX,sBAAsB6B,IAAI,IAAI;AAC9D;;AAGA,SAAgBC,oBAA8B;CAC1C,OAAO/B,aAAa;AACxB;;AAGA,IAAagC,uBAAuB;;AAGpC,IAAMC,mBAAmB;;;;;AAMzB,IAAMC,kBAAkB;;;;;;AAexB,SAAgBG,eAAevB,OAA8C;CACzE,MAAMwB,QAAQL,iBAAiBM,KAAKzB,SAAS,EAAE;CAC/C,IAAIwB,UAAU,MACV,OAAO;EACHhC,QAAQQ,UAAUF,KAAAA,KAAaE,UAAU,KAAK,OAAQA,SAAS;EAC/DsB,WAAW;CACf;CAEJ,MAAM,GAAG9B,SAAS,IAAI8B,YAAY,QAAQE;CAC1C,OAAO;EAAEhC,QAAQA,WAAW,KAAK,OAAOA;EAAQ8B;CAAU;AAC9D;;;;;AAMA,SAAgBI,cACZlC,QACA8B,WACa;CACb,IAAIA,cAAc,QAAQA,cAAcxB,KAAAA,KAAawB,cAAc,IAC/D,OAAO9B,WAAWM,KAAAA,KAAaN,WAAW,KAAK,OAAQA,UAAU;CAErE,OAAO,GAAGA,UAAU,GAAE,OAAQ8B;AAClC;;;;;AAMA,SAAgBK,cAAcrB,MAA4D;CACtF,MAAMkB,QAAQJ,gBAAgBK,KAAKnB,KAAKE,KAAK,CAAC;CAC9C,IAAIgB,UAAU,MACV,OAAO;CAEX,MAAM,GAAGhC,SAAS,IAAI8B,YAAY,MAAME;CACxC,OAAO;EAAEhC,QAAQA,OAAOgB,KAAK;EAAGc;CAAU;AAC9C"}