@elcrm/form 0.0.88 → 0.1.0

package/dist/fields/Password.js

@@ -1,143 +1 @@
-import e from "../styles/Field.module.js";
-import t from "../core/Field.js";
-import { useFormFieldState as n } from "../hooks/use.js";
-import r from "../events/onEvent.js";
-import { isEmptyTextLike as i } from "./visibility.js";
-import a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/lib/fields/Password.tsx
-function c() {
-	return /* @__PURE__ */ s("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "20",
-		height: "20",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ o("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ o("circle", {
-			cx: "12",
-			cy: "12",
-			r: "3"
-		})]
-	});
-}
-function l() {
-	return /* @__PURE__ */ s("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "20",
-		height: "20",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ o("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }), /* @__PURE__ */ o("line", {
-			x1: "1",
-			y1: "1",
-			x2: "23",
-			y2: "23"
-		})]
-	});
-}
-function u({ value: u, form: d, onValue: f, name: p = "", placeholder: m = "", label: h, error: g, hidden: _ = !1, disabled: v = !1, onBlur: y, className: b, after: x = "", before: S = "", native: C = !1, maxLength: w, eyes: T }) {
-	let { value: E } = n(d, p, u), [D, O] = a.useState(!1), k = a.useRef(null), A = typeof E == "string" ? E : E == null ? "" : String(E);
-	a.useEffect(() => {
-		let e = k.current;
-		e && e.value !== A && (e.value = A);
-	}, [A]);
-	let j = (e) => {
-		let t = {
-			value: e,
-			name: p
-		};
-		d && p && d.onValue(t), f && f !== d?.onValue && f(t);
-	}, M = (e) => {
-		j(e.target.value);
-	}, N = (e) => {
-		e.key === "Enter" && e.preventDefault();
-	}, P = (e) => {
-		r.Blur(e), y?.({
-			value: (e.target.value || "").trim(),
-			name: p || ""
-		});
-	};
-	if (C) return "";
-	let F = !v;
-	if (_ && i(A)) return "";
-	let I = T?.[0] ?? /* @__PURE__ */ o(c, {}), L = T?.[1] ?? /* @__PURE__ */ o(l, {});
-	return /* @__PURE__ */ s(t, {
-		type: "input",
-		label: h,
-		error: g,
-		element_blok: { className: [b || ""] },
-		element_input: {
-			className: [e.w],
-			props: { "data-disabled": v || !F ? "true" : void 0 }
-		},
-		children: [
-			S ? /* @__PURE__ */ o("span", {
-				className: e.affix,
-				children: S
-			}) : null,
-			/* @__PURE__ */ o("div", {
-				style: {
-					flex: 1,
-					minWidth: 0,
-					display: "flex",
-					alignItems: "center"
-				},
-				children: /* @__PURE__ */ o("input", {
-					type: D ? "text" : "password",
-					defaultValue: A,
-					ref: k,
-					onChange: M,
-					onKeyDown: N,
-					onBlur: P,
-					disabled: v,
-					readOnly: v,
-					maxLength: w,
-					spellCheck: !1,
-					autoComplete: "current-password",
-					"aria-label": h || m || "Пароль",
-					"aria-disabled": v || !F,
-					tabIndex: v ? -1 : 0,
-					placeholder: m,
-					style: {
-						width: "100%",
-						border: "none",
-						outline: "none",
-						background: "transparent",
-						font: "inherit",
-						color: "inherit",
-						padding: 0,
-						margin: 0,
-						boxSizing: "border-box"
-					}
-				})
-			}),
-			/* @__PURE__ */ o("button", {
-				type: "button",
-				className: e.affix,
-				tabIndex: v ? -1 : 0,
-				"aria-label": D ? "Скрыть пароль" : "Показать пароль",
-				"aria-pressed": D,
-				disabled: v,
-				onClick: () => !v && O(!D),
-				children: D ? L : I
-			}),
-			x ? /* @__PURE__ */ o("span", {
-				className: e.affix,
-				children: x
-			}) : null
-		]
-	});
-}
-u.displayName = "PasswordField";
-//#endregion
-export { u as default };
+import e from"../styles/Field.module.js";import t,{useFieldA11y as n}from"../core/Field.js";import{useFormFieldState as r}from"../hooks/use.js";import i from"../events/onEvent.js";import{isEmptyTextLike as a}from"./visibility.js";import o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l(){return c(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":!0,children:[s(`path`,{d:`M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z`}),s(`circle`,{cx:`12`,cy:`12`,r:`3`})]})}function u(){return c(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":!0,children:[s(`path`,{d:`M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24`}),s(`line`,{x1:`1`,y1:`1`,x2:`23`,y2:`23`})]})}function d({value:n,form:d,onValue:p,name:m=``,placeholder:h=``,label:g,error:_,hidden:v=!1,disabled:y=!1,onBlur:b,className:x,after:S=``,before:C=``,native:w=!1,maxLength:T,eyes:E,id:D,size:O=`md`}){let{value:k}=r(d,m,n),[A,j]=o.useState(!1),M=o.useRef(null),N=typeof k==`string`?k:k==null?``:String(k);o.useEffect(()=>{let e=M.current;e&&e.value!==N&&(e.value=N)},[N]);let P=e=>{let t={value:e,name:m};d&&m&&d.onValue(t),p&&p!==d?.onValue&&p(t)},F=e=>{P(e.target.value)},I=e=>{e.key===`Enter`&&e.preventDefault()},L=e=>{i.Blur(e),b?.({value:(e.target.value||``).trim(),name:m||``})};if(w)return``;let R=!y;if(v&&a(N))return``;let z=E?.[0]??s(l,{}),B=E?.[1]??s(u,{});return c(t,{type:`input`,label:g,error:_,id:D,size:O,element_blok:{className:[x||``]},element_input:{className:[e.w],props:{"data-disabled":y||!R?`true`:void 0}},children:[C?s(`span`,{className:e.affix,children:C}):null,s(f,{inputRef:M,passwordVisible:A,currentValue:N,disabled:y,editable:R,maxLength:T,placeholder:h,label:g,onChangeInput:F,keyDown:I,handleBlur:L}),s(`button`,{type:`button`,className:e.affix,tabIndex:y?-1:0,"aria-label":A?`Скрыть пароль`:`Показать пароль`,"aria-pressed":A,disabled:y,onClick:()=>!y&&j(!A),children:A?B:z}),S?s(`span`,{className:e.affix,children:S}):null]})}function f({inputRef:t,passwordVisible:r,currentValue:i,disabled:a,editable:o,maxLength:c,placeholder:l,label:u,onChangeInput:d,keyDown:f,handleBlur:p}){let m=n();return s(`div`,{className:e.nativeWrap,children:s(`input`,{id:m?.controlId,className:e.nativeInput,type:r?`text`:`password`,defaultValue:i,ref:t,onChange:d,onKeyDown:f,onBlur:p,disabled:a,readOnly:a,maxLength:c,spellCheck:!1,autoComplete:`current-password`,"aria-label":u?void 0:l||`Пароль`,"aria-describedby":m?.describedBy,"aria-invalid":m?.errorId?!0:void 0,"aria-disabled":a||!o,tabIndex:a?-1:0,placeholder:l})})}d.displayName=`PasswordField`;export{d as default};

package/dist/fields/Percent.d.ts

@@ -1,5 +1,12 @@
 import { TInput } from './type';
-/** PercentField — процент 0…max с суффиксом «%». */
+/** PercentField — процент как **number** в форме (не строка).
+ *
+ * Отличия от NumberField:
+ * - значение: `number` (или `""` / пусто), не строка цифр;
+ * - `min`/`max` — границы **числа** (по умолчанию 0–100), clamp на blur;
+ * - `decimals` — дробная часть;
+ * - справа по умолчанию аффикс `%`.
+ */
 export type TPercent = TInput & {
     min?: number;
     max?: number;

package/dist/fields/Percent.js

@@ -1,100 +1 @@
-import e from "../styles/Field.module.js";
-import t from "../core/Field.js";
-import { useFormFieldState as n } from "../hooks/use.js";
-import r, { asEditableClipboard as i } from "../events/onEvent.js";
-import a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/lib/fields/Percent.tsx
-function c(e, t, n) {
-	return Number.isFinite(e) ? Math.min(n, Math.max(t, e)) : t;
-}
-function l(e, t) {
-	let n = e.replace(",", ".").replace(/[^\d.]/g, "");
-	if (!n) return null;
-	let r = Number(n);
-	if (!Number.isFinite(r)) return null;
-	if (t <= 0) return Math.round(r);
-	let i = 10 ** t;
-	return Math.round(r * i) / i;
-}
-function u(e, t) {
-	return Number.isFinite(e) ? String(t <= 0 ? Math.round(e) : Number(e.toFixed(t))) : "";
-}
-function d({ value: d = 0, form: f, onValue: p, onBlur: m, name: h = "", placeholder: g = "0", label: _ = "", error: v = "", hidden: y = !1, disabled: b = !1, className: x = "", after: S, before: C = "", min: w = 0, max: T = 100, decimals: E = 0, inputmode: D = "decimal" }) {
-	let { value: O, version: k } = n(f, h, d), A = !b, j = c(Number(O), w, T), M = O == null || O === "" ? "" : u(j, E), N = a.useRef(null), P = a.useRef(!1);
-	a.useLayoutEffect(() => {
-		if (P.current) return;
-		let e = N.current;
-		e && e.textContent !== M && (e.textContent = M);
-	}, [M, k]);
-	let F = (e, t = !1) => {
-		let n = {
-			value: e,
-			name: h
-		};
-		f && h && (t ? f.setValue(n) : f.onValue(n)), p && p !== f?.onValue && p(n);
-	}, I = (e) => {
-		let t = (e.currentTarget.textContent || "").replace(/[^\d.,]/g, "");
-		e.currentTarget.textContent !== t && (e.currentTarget.textContent = t);
-		let n = l(t, E);
-		if (n === null) {
-			F("");
-			return;
-		}
-		F(c(n, w, T));
-	}, L = (e) => {
-		r.Blur(e), P.current = !1;
-		let t = l(e.currentTarget.textContent || "", E), n = t === null ? w : c(t, w, T), i = u(n, E);
-		e.currentTarget.textContent !== i && (e.currentTarget.textContent = i), F(n, !0), m?.({
-			value: n,
-			name: h
-		});
-	};
-	if (y && (O == null || O === "")) return null;
-	let R = {};
-	return g && (R.placeholder = g), A && (R.edit = ""), R.inputMode = D || "decimal", /* @__PURE__ */ s(t, {
-		type: "percent",
-		label: _,
-		error: v,
-		element_blok: { className: [x || ""] },
-		element_input: {
-			className: [e.w],
-			props: { "data-disabled": b || !A ? "true" : void 0 }
-		},
-		children: [
-			C ? /* @__PURE__ */ o("span", {
-				className: e.affix,
-				children: C
-			}) : null,
-			/* @__PURE__ */ o("div", {
-				ref: N,
-				onInput: I,
-				onFocus: (e) => {
-					P.current = !0, r.Focus({ target: e.currentTarget });
-				},
-				onBlur: L,
-				onPaste: (e) => r.Paste(12, i(e)),
-				onKeyDown: (e) => {
-					e.key === "Enter" && e.preventDefault(), e.key.length === 1 && !/[\d.,]/.test(e.key) && !e.metaKey && !e.ctrlKey && e.preventDefault();
-				},
-				spellCheck: !1,
-				role: "textbox",
-				tabIndex: A ? 0 : -1,
-				"aria-label": _ || g || "Процент",
-				contentEditable: A ? "plaintext-only" : !1,
-				suppressContentEditableWarning: !0,
-				...R
-			}),
-			S === void 0 ? /* @__PURE__ */ o("span", {
-				className: e.affix,
-				children: "%"
-			}) : /* @__PURE__ */ o("span", {
-				className: e.affix,
-				children: S
-			})
-		]
-	});
-}
-d.displayName = "PercentField";
-//#endregion
-export { d as default };
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import r,{asEditableClipboard as i}from"../events/onEvent.js";import a from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(e,t,n){return Number.isFinite(e)?Math.min(n,Math.max(t,e)):t}function l(e,t){let n=e.replace(`,`,`.`).replace(/[^\d.]/g,``);if(!n)return null;let r=Number(n);if(!Number.isFinite(r))return null;if(t<=0)return Math.round(r);let i=10**t;return Math.round(r*i)/i}function u(e,t){return Number.isFinite(e)?String(t<=0?Math.round(e):Number(e.toFixed(t))):``}function d({value:d=0,form:f,onValue:p,onBlur:m,name:h=``,placeholder:g=`0`,label:_=``,error:v=``,hidden:y=!1,disabled:b=!1,className:x=``,after:S,before:C=``,min:w=0,max:T=100,decimals:E=0,inputmode:D=`decimal`}){let{value:O,version:k}=n(f,h,d),A=!b,j=c(Number(O),w,T),M=O==null||O===``?``:u(j,E),N=a.useRef(null),P=a.useRef(!1);a.useLayoutEffect(()=>{if(P.current)return;let e=N.current;e&&e.textContent!==M&&(e.textContent=M)},[M,k]);let F=(e,t=!1)=>{let n={value:e,name:h};if(f&&h)if(t){let t=f.getValue(h);Object.is(t,e)?f.onValue(n):f.setValue(n)}else f.onValue(n);p&&p!==f?.onValue&&p(n)},I=e=>{let t=(e.currentTarget.textContent||``).replace(/[^\d.,]/g,``);e.currentTarget.textContent!==t&&(e.currentTarget.textContent=t);let n=l(t,E);if(n===null){F(``);return}F(c(n,w,T))},L=e=>{r.Blur(e),P.current=!1;let t=l(e.currentTarget.textContent||``,E),n=t===null?w:c(t,w,T),i=u(n,E);e.currentTarget.textContent!==i&&(e.currentTarget.textContent=i),F(n,!0),m?.({value:n,name:h})};if(y&&(O==null||O===``))return null;let R={};return g&&(R.placeholder=g),A&&(R.edit=``),R.inputMode=D||`decimal`,s(t,{type:`percent`,label:_,error:v,element_blok:{className:[x||``]},element_input:{className:[e.w],props:{"data-disabled":b||!A?`true`:void 0}},children:[C?o(`span`,{className:e.affix,children:C}):null,o(`div`,{ref:N,onInput:I,onFocus:e=>{P.current=!0,r.Focus({target:e.currentTarget})},onBlur:L,onPaste:e=>r.Paste(12,i(e)),onKeyDown:e=>{e.key===`Enter`&&e.preventDefault(),e.key.length===1&&!/[\d.,]/.test(e.key)&&!e.metaKey&&!e.ctrlKey&&e.preventDefault()},spellCheck:!1,role:`textbox`,tabIndex:A?0:-1,"aria-label":_||g||`Процент`,contentEditable:A?`plaintext-only`:!1,suppressContentEditableWarning:!0,...R}),S===void 0?o(`span`,{className:e.affix,children:`%`}):o(`span`,{className:e.affix,children:S})]})}d.displayName=`PercentField`;export{d as default};

package/dist/fields/Phone.d.ts

@@ -1,6 +1,6 @@
 import { TInput } from './type';
-/** PhoneField — телефон с маской и копированием в буфер (через Form.Init → onNotice). */
-declare function PhoneField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, inputmode, view, }: TInput): import("react/jsx-runtime").JSX.Element;
+/** PhoneField — телефон с маской; полный каталог стран подгружается при фокусе. */
+declare function PhoneField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, inputmode, id, }: TInput): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PhoneField {
     var displayName: string;
 }

package/dist/fields/Phone.js

@@ -1,128 +1 @@
-import e from "../styles/Field.module.js";
-import t from "../core/Field.js";
-import { useFormFieldState as n } from "../hooks/use.js";
-import r, { asEditableClipboard as i } from "../events/onEvent.js";
-import { isEmptyTextLike as a } from "./visibility.js";
-import o from "../mask/MaskPhone.js";
-import { useFormInit as s } from "../FormInitContext.js";
-import c from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/lib/fields/Phone.tsx
-function f(e) {
-	let t = window.getSelection();
-	if (!t || t.rangeCount === 0) return 0;
-	let n = t.getRangeAt(0);
-	if (!e.contains(n.startContainer)) return 0;
-	let r = document.createRange();
-	return r.selectNodeContents(e), r.setEnd(n.startContainer, n.startOffset), r.toString().length;
-}
-function p(e, t) {
-	if (t <= 0) return 0;
-	let n = 0;
-	for (let r = 0; r < e.length; r++) if (/\d/.test(e[r]) && (n++, n === t)) return r + 1;
-	return e.length;
-}
-function m({ value: m, form: h, onValue: g, onBlur: _, name: v = "", placeholder: y = "", label: b = "", error: x = "", hidden: S = !1, disabled: C = !1, className: w = "", after: T = "", before: E = "", inputmode: D = "tel", view: O }) {
-	let { onNotice: k } = s(), A = !C, { value: j, version: M } = n(h, v, m), N = c.useRef(null), P = c.useRef(!1), F = "+_(___) ___-__-__", I = !0, L = 0, R = (e, t) => {
-		let n = t.firstChild;
-		if (!n || n.nodeType !== Node.TEXT_NODE) return;
-		let r = n.textContent?.length ?? 0, i = Math.max(0, Math.min(e, r)), a = document.createRange(), o = window.getSelection();
-		o && (a.setStart(n, i), a.collapse(!0), o.removeAllRanges(), o.addRange(a), t.focus());
-	}, z = (e) => {
-		let t = e.target, n = t.textContent || "", r = f(t), i = n.slice(0, r).replace(/\D/g, "").length, a = V(n);
-		t.textContent = a.q;
-		let o = p(a.q, i);
-		a.q.length > 0 && queueMicrotask(() => {
-			R(Math.min(o, a.q.length), t);
-		});
-		let s = {
-			value: a.q.replace(/\D/g, ""),
-			name: v || ""
-		};
-		h && v && h.onValue(s), g && g !== h?.onValue && g(s);
-	}, B = (e) => r.PasteOne(i(e)), V = (e) => {
-		F = "+_(___) ___-__-__", I = !0, L = 0;
-		let t = 0, n = "", r = e.replace(/\D/g, "");
-		r === "" && (I = !0);
-		let i = r.split(""), a = "";
-		i.forEach((e) => {
-			I && (a += e, o[a] !== void 0 && I ? (I = !1, F = o[a].mask.replace(/* @__PURE__ */ RegExp("[0-9]", "g"), "_"), n = o[a].code) : (I && (L = ("" + a).length, F = `+${a}_(___) ___-__-__`.replace(/* @__PURE__ */ RegExp("[0-9]", "g"), "_"), n = ""), L > ("" + a).length && (I = !0, F = `+${a}_(___) ___-__-__`.replace(/* @__PURE__ */ RegExp("[0-9]", "g"), "_"), n = "")));
-		});
-		let s = F.replace(/\D/g, "");
-		return s.length >= r.length && (r = s), {
-			q: F.replace(/[_\d]/g, function() {
-				return r.charAt(t++) || "_";
-			}),
-			i: t,
-			v: r,
-			f: n
-		};
-	};
-	c.useLayoutEffect(() => {
-		if (P.current) return;
-		let e = N.current;
-		if (!e) return;
-		let t = V(String(j || ""));
-		e.textContent !== t.q && (e.textContent = t.q);
-	}, [j, M]);
-	let H = (e) => {
-		e.preventDefault();
-		let t = e.target;
-		navigator.clipboard.writeText((t.textContent || "").replace(/\D/g, "")).then(function() {
-			k("Данные в буфер обмене");
-		}, function(e) {
-			console.error("Async: Could not copy text: ", e);
-		});
-	};
-	V(String(j || ""));
-	let U = (e) => {
-		e.key === "Enter" && e.preventDefault();
-	}, W = (e) => {
-		r.Blur(e), _ && _({
-			value: (e.target.textContent || "").replace(/\D/g, ""),
-			name: v || ""
-		}), P.current = !1;
-	}, G = (e) => {
-		P.current = !0, r.Focus({ target: e.currentTarget });
-	}, K = {};
-	y && (K.placeholder = y), K.inputMode = D ?? "tel";
-	let q = String(j ?? "").replace(/\D/g, "");
-	return S && a(q) ? /* @__PURE__ */ u(l, {}) : /* @__PURE__ */ d(t, {
-		type: "input",
-		label: b,
-		error: x,
-		element_blok: { className: [w] },
-		element_input: { className: [e.w] },
-		children: [
-			E ? /* @__PURE__ */ u("span", {
-				className: e.affix,
-				children: E
-			}) : null,
-			/* @__PURE__ */ u("div", {
-				ref: N,
-				onPaste: B,
-				onInput: z,
-				onKeyDown: U,
-				onContextMenu: H,
-				onBlur: W,
-				onFocus: G,
-				spellCheck: !1,
-				role: "textbox",
-				"aria-label": b || y || "Телефон",
-				"aria-disabled": !A,
-				tabIndex: C ? -1 : 0,
-				"data-disabled": !A,
-				contentEditable: A ? "plaintext-only" : !1,
-				suppressContentEditableWarning: !0,
-				...K
-			}),
-			T ? /* @__PURE__ */ u("span", {
-				className: e.affix,
-				children: T
-			}) : null
-		]
-	});
-}
-m.displayName = "PhoneField";
-//#endregion
-export { m as default };
+import e from"../styles/Field.module.js";import t,{useFieldA11y as n}from"../core/Field.js";import{useFormFieldState as r}from"../hooks/use.js";import i,{asEditableClipboard as a}from"../events/onEvent.js";import{isEmptyTextLike as o}from"./visibility.js";import{PHONE_MASK_DEFAULTS as s}from"../mask/phoneDefaults.js";import{useFormInit as c}from"../FormInitContext.js";import l from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";var f={...s},p=!1,m=null;function h(){return p?Promise.resolve(!1):m||(m=import(`../mask/MaskPhone.js`).then(e=>(f={...s,...e.default},p=!0,!0)),m)}function g(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function _(e,t){if(t<=0)return 0;let n=0;for(let r=0;r<e.length;r++)if(/\d/.test(e[r])&&(n++,n===t))return r+1;return e.length}function v(e){let t=`+_(___) ___-__-__`,n=!0,r=0,i=0,a=``,o=e.replace(/\D/g,``);o===``&&(n=!0);let s=o.split(``),c=``;s.forEach(e=>{n&&(c+=e,f[c]!==void 0&&n?(n=!1,t=f[c].mask.replace(RegExp(`[0-9]`,`g`),`_`),a=f[c].code):(n&&(r=(``+c).length,t=`+${c}_(___) ___-__-__`.replace(RegExp(`[0-9]`,`g`),`_`),a=``),r>(``+c).length&&(n=!0,t=`+${c}_(___) ___-__-__`.replace(RegExp(`[0-9]`,`g`),`_`),a=``)))});let l=t.replace(/\D/g,``);return l.length>=o.length&&(o=l),{q:t.replace(/[_\d]/g,function(){return o.charAt(i++)||`_`}),i,v:o,f:a}}function y({value:n,form:s,onValue:f,onBlur:p,name:m=``,placeholder:y=``,label:x=``,error:S=``,hidden:C=!1,disabled:w=!1,className:T=``,after:E=``,before:D=``,inputmode:O=`tel`,id:k}){let{onNotice:A}=c(),j=!w,{value:M,version:N}=r(s,m,n),[,P]=l.useState(0),F=l.useRef(null),I=l.useRef(!1),L=(e,t)=>{let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())},R=e=>{let t=e.target,n=t.textContent||``,r=g(t),i=n.slice(0,r).replace(/\D/g,``).length,a=v(n);t.textContent=a.q;let o=_(a.q,i);a.q.length>0&&queueMicrotask(()=>{L(Math.min(o,a.q.length),t)});let c={value:a.q.replace(/\D/g,``),name:m||``};s&&m&&s.onValue(c),f&&f!==s?.onValue&&f(c)},z=e=>i.PasteOne(a(e));l.useLayoutEffect(()=>{if(I.current)return;let e=F.current;if(!e)return;let t=v(String(M||``));e.textContent!==t.q&&(e.textContent=t.q)},[M,N]);let B=e=>{e.preventDefault();let t=e.target;navigator.clipboard.writeText((t.textContent||``).replace(/\D/g,``)).then(function(){A(`Данные в буфер обмене`)},function(e){})},V=e=>{e.key===`Enter`&&e.preventDefault()},H=e=>{i.Blur(e),p&&p({value:(e.target.textContent||``).replace(/\D/g,``),name:m||``}),I.current=!1},U=e=>{I.current=!0,i.Focus({target:e.currentTarget}),h().then(e=>{if(!e)return;P(e=>e+1);let t=F.current;if(!t||document.activeElement!==t)return;let n=t.textContent||``,r=g(t),i=n.slice(0,r).replace(/\D/g,``).length,a=v(n);t.textContent!==a.q&&(t.textContent=a.q,queueMicrotask(()=>{L(Math.min(_(a.q,i),a.q.length),t)}))})},W={};y&&(W.placeholder=y),W.inputMode=O??`tel`;let G=String(M??``).replace(/\D/g,``);return C&&o(G)?null:d(t,{type:`input`,label:x,error:S,id:k,element_blok:{className:[T]},element_input:{className:[e.w]},children:[D?u(`span`,{className:e.affix,children:D}):null,u(b,{divRef:F,editable:j,disabled:w,label:x,placeholder:y,dd:W,onPaste:z,onInput:R,onKeyDown:V,onContextMenu:B,onBlur:H,onFocus:U}),E?u(`span`,{className:e.affix,children:E}):null]})}function b({divRef:e,editable:t,disabled:r,label:i,placeholder:a,dd:o,onPaste:s,onInput:c,onKeyDown:l,onContextMenu:d,onBlur:f,onFocus:p}){let m=n();return u(`div`,{ref:e,id:m?.controlId,onPaste:s,onInput:c,onKeyDown:l,onContextMenu:d,onBlur:f,onFocus:p,spellCheck:!1,role:`textbox`,"aria-label":i?void 0:a||`Телефон`,"aria-describedby":m?.describedBy,"aria-invalid":m?.errorId?!0:void 0,"aria-disabled":!t,tabIndex:r?-1:0,"data-disabled":!t,contentEditable:t?`plaintext-only`:!1,suppressContentEditableWarning:!0,...o})}y.displayName=`PhoneField`;export{y as default};

package/dist/fields/Radio.js

@@ -1,88 +1 @@
-import e from "../styles/Field.module.js";
-import t from "../core/Field.js";
-import { useFormFieldState as n } from "../hooks/use.js";
-import r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/lib/fields/Radio.tsx
-function o(e) {
-	return e ? Array.isArray(e) ? e.map((e) => ({
-		id: e.id ?? e.i ?? "",
-		label: e.n || "",
-		hidden: e.s === 0
-	})).filter((e) => e.label.length > 0 && e.id !== "") : Object.keys(e).map((t) => {
-		let n = e[t], r = Number(t);
-		return {
-			id: Number.isFinite(r) && String(r) === t ? r : t,
-			label: n?.n || "",
-			hidden: n?.s === 0
-		};
-	}).filter((e) => e.label.length > 0) : [];
-}
-function s(e, t) {
-	return e === t ? !0 : String(e) === String(t);
-}
-function c({ value: c = "", form: l, onValue: u, onBlur: d, name: f = "", placeholder: p = "", label: m = "", error: h = "", hidden: g = !1, disabled: _ = !1, className: v = "", after: y = "", before: b = "", options: x, inline: S = !1 }) {
-	let { value: C } = n(l, f, c), w = !_, T = o(x).filter((e) => !e.hidden), E = r.useId(), D = (e) => {
-		let t = {
-			value: e,
-			name: f
-		};
-		l && f && l.setValue(t), u && u !== l?.onValue && u(t);
-	};
-	return g && (C == null || C === "") ? null : /* @__PURE__ */ a(t, {
-		type: "radio",
-		label: m,
-		error: h,
-		element_blok: { className: [v || ""] },
-		element_input: {
-			className: [e.radio, S ? e.radioInline : ""],
-			props: {
-				"data-disabled": _ || !w ? "true" : void 0,
-				role: "radiogroup",
-				"aria-label": m || p || "Выбор"
-			}
-		},
-		children: [
-			b ? /* @__PURE__ */ i("span", {
-				className: e.affix,
-				children: b
-			}) : null,
-			/* @__PURE__ */ i("div", { children: T.map((t) => {
-				let n = s(C, t.id);
-				return /* @__PURE__ */ a("button", {
-					type: "button",
-					className: e.radioItem,
-					role: "radio",
-					"aria-checked": n,
-					"aria-disabled": _ || !w ? !0 : void 0,
-					disabled: _ || !w,
-					name: E,
-					onClick: () => {
-						w && D(t.id);
-					},
-					onBlur: () => {
-						!d || !f || d({
-							value: l ? l.getValue(f, C) : C,
-							name: f
-						});
-					},
-					children: [/* @__PURE__ */ i("span", {
-						className: e.radioDot,
-						"aria-hidden": !0,
-						children: n ? /* @__PURE__ */ i("span", { className: e.radioDotFill }) : null
-					}), /* @__PURE__ */ i("span", {
-						className: e.radioText,
-						children: t.label
-					})]
-				}, String(t.id));
-			}) }),
-			y ? /* @__PURE__ */ i("span", {
-				className: e.affix,
-				children: y
-			}) : null
-		]
-	});
-}
-c.displayName = "RadioField";
-//#endregion
-export { c as default };
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o(e){return e?Array.isArray(e)?e.map(e=>({id:e.id??e.i??``,label:e.n||``,hidden:e.s===0})).filter(e=>e.label.length>0&&e.id!==``):Object.keys(e).map(t=>{let n=e[t],r=Number(t);return{id:Number.isFinite(r)&&String(r)===t?r:t,label:n?.n||``,hidden:n?.s===0}}).filter(e=>e.label.length>0):[]}function s(e,t){return e===t?!0:String(e)===String(t)}function c({value:c=``,form:l,onValue:u,onBlur:d,name:f=``,placeholder:p=``,label:m=``,error:h=``,hidden:g=!1,disabled:_=!1,className:v=``,after:y=``,before:b=``,options:x,inline:S=!1}){let{value:C}=n(l,f,c),w=!_,T=o(x).filter(e=>!e.hidden),E=r.useId(),D=e=>{let t={value:e,name:f};l&&f&&l.setValue(t),u&&u!==l?.onValue&&u(t)};return g&&(C==null||C===``)?null:a(t,{type:`radio`,label:m,error:h,element_blok:{className:[v||``]},element_input:{className:[e.radio,S?e.radioInline:``],props:{"data-disabled":_||!w?`true`:void 0,role:`radiogroup`,"aria-label":m||p||`Выбор`}},children:[b?i(`span`,{className:e.affix,children:b}):null,i(`div`,{children:T.map(t=>{let n=s(C,t.id);return a(`button`,{type:`button`,className:e.radioItem,role:`radio`,"aria-checked":n,"aria-disabled":_||!w?!0:void 0,disabled:_||!w,name:E,onClick:()=>{w&&D(t.id)},onBlur:()=>{!d||!f||d({value:l?l.getValue(f,C):C,name:f})},children:[i(`span`,{className:e.radioDot,"aria-hidden":!0,children:n?i(`span`,{className:e.radioDotFill}):null}),i(`span`,{className:e.radioText,children:t.label})]},String(t.id))})}),y?i(`span`,{className:e.affix,children:y}):null]})}c.displayName=`RadioField`;export{c as default};

package/dist/fields/Range.js

@@ -1,109 +1 @@
-import e from "../styles/Field.module.js";
-import t from "../core/Field.js";
-import { useFormFieldState as n } from "../hooks/use.js";
-import r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/lib/fields/Range.tsx
-function o(e, t, n) {
-	let r = e;
-	return Number.isFinite(r) || (r = t), Math.min(n, Math.max(t, r));
-}
-function s(e, t, n, r) {
-	return o(!Number.isFinite(r) || r <= 0 ? e : t + Math.round((e - t) / r) * r, t, n);
-}
-function c({ value: c = 0, form: l, onValue: u, onBlur: d, name: f = "", placeholder: p = "", label: m = "", error: h = "", hidden: g = !1, disabled: _ = !1, className: v = "", after: y = "", before: b = "", min: x = 0, max: S = 100, step: C = 1 }) {
-	let { value: w } = n(l, f, c), T = o(Number(w), x, S), E = S === x ? 0 : (T - x) / (S - x) * 100, D = E >= 99.999, O = !_, k = r.useRef(null), A = r.useCallback((e) => {
-		let t = {
-			value: s(e, x, S, C),
-			name: f || ""
-		};
-		l && f && l.setValue(t), u && u !== l?.onValue && u(t);
-	}, [
-		l,
-		f,
-		u,
-		x,
-		S,
-		C
-	]), j = r.useCallback((e) => {
-		let t = k.current;
-		if (!t) return x;
-		let n = t.getBoundingClientRect(), r = n.width || 1;
-		return s(x + (e - n.left) / r * (S - x), x, S, C);
-	}, [
-		x,
-		S,
-		C
-	]), M = (e) => {
-		O && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), A(j(e.clientX)));
-	}, N = (e) => {
-		O && e.currentTarget.hasPointerCapture(e.pointerId) && A(j(e.clientX));
-	}, P = (e) => {
-		try {
-			e.currentTarget.releasePointerCapture(e.pointerId);
-		} catch {}
-	}, F = (e) => {
-		if (!O) return;
-		let t = T;
-		if (e.key === "ArrowRight" || e.key === "ArrowUp") t = T + C;
-		else if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = T - C;
-		else if (e.key === "Home") t = x;
-		else if (e.key === "End") t = S;
-		else if (e.key === "PageUp") t = T + C * 10;
-		else if (e.key === "PageDown") t = T - C * 10;
-		else return;
-		e.preventDefault(), A(s(t, x, S, C));
-	}, I = () => {
-		if (!d || !f) return;
-		let e = l && f ? l.getValue(f, c) : T;
-		d({
-			value: o(Number(e), x, S),
-			name: f
-		});
-	};
-	return g && (w == null || w === "") ? null : /* @__PURE__ */ a(t, {
-		type: "range",
-		label: m,
-		error: h,
-		element_blok: { className: [v || ""] },
-		element_input: {
-			className: [e.w, e.range],
-			props: { "data-disabled": _ || !O ? "true" : void 0 }
-		},
-		children: [
-			b ? /* @__PURE__ */ i("span", {
-				className: e.affix,
-				children: b
-			}) : null,
-			/* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("div", {
-				ref: k,
-				className: e.rangeTrack,
-				role: "slider",
-				tabIndex: O ? 0 : -1,
-				"aria-label": m || p || "Диапазон",
-				"aria-valuemin": x,
-				"aria-valuemax": S,
-				"aria-valuenow": T,
-				"data-disabled": _ || !O ? "true" : void 0,
-				onPointerDown: M,
-				onPointerMove: N,
-				onPointerUp: P,
-				onPointerCancel: P,
-				onKeyDown: F,
-				onBlur: I,
-				children: /* @__PURE__ */ i("div", {
-					className: D ? `${e.rangeFill} ${e.rangeFillFull}` : e.rangeFill,
-					style: { width: `${E}%` },
-					"aria-hidden": !0
-				})
-			}) }),
-			y ? /* @__PURE__ */ i("span", {
-				className: e.affix,
-				children: y
-			}) : null
-		]
-	});
-}
-c.displayName = "RangeField";
-//#endregion
-export { c as default };
+import e from"../styles/Field.module.js";import t from"../core/Field.js";import{useFormFieldState as n}from"../hooks/use.js";import r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o(e,t,n){let r=e;return Number.isFinite(r)||(r=t),Math.min(n,Math.max(t,r))}function s(e,t,n,r){return o(!Number.isFinite(r)||r<=0?e:t+Math.round((e-t)/r)*r,t,n)}function c({value:c=0,form:l,onValue:u,onBlur:d,name:f=``,placeholder:p=``,label:m=``,error:h=``,hidden:g=!1,disabled:_=!1,className:v=``,after:y=``,before:b=``,min:x=0,max:S=100,step:C=1}){let{value:w}=n(l,f,c),T=o(Number(w),x,S),E=S===x?0:(T-x)/(S-x)*100,D=E>=99.999,O=!_,k=r.useRef(null),A=r.useCallback(e=>{let t={value:s(e,x,S,C),name:f||``};l&&f&&l.setValue(t),u&&u!==l?.onValue&&u(t)},[l,f,u,x,S,C]),j=r.useCallback(e=>{let t=k.current;if(!t)return x;let n=t.getBoundingClientRect(),r=n.width||1;return s(x+(e-n.left)/r*(S-x),x,S,C)},[x,S,C]),M=e=>{O&&(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),A(j(e.clientX)))},N=e=>{O&&e.currentTarget.hasPointerCapture(e.pointerId)&&A(j(e.clientX))},P=e=>{try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}},F=e=>{if(!O)return;let t=T;if(e.key===`ArrowRight`||e.key===`ArrowUp`)t=T+C;else if(e.key===`ArrowLeft`||e.key===`ArrowDown`)t=T-C;else if(e.key===`Home`)t=x;else if(e.key===`End`)t=S;else if(e.key===`PageUp`)t=T+C*10;else if(e.key===`PageDown`)t=T-C*10;else return;e.preventDefault(),A(s(t,x,S,C))},I=()=>{if(!d||!f)return;let e=l&&f?l.getValue(f,c):T;d({value:o(Number(e),x,S),name:f})};return g&&(w==null||w===``)?null:a(t,{type:`range`,label:m,error:h,element_blok:{className:[v||``]},element_input:{className:[e.w,e.range],props:{"data-disabled":_||!O?`true`:void 0}},children:[b?i(`span`,{className:e.affix,children:b}):null,i(`div`,{children:i(`div`,{ref:k,className:e.rangeTrack,role:`slider`,tabIndex:O?0:-1,"aria-label":m||p||`Диапазон`,"aria-valuemin":x,"aria-valuemax":S,"aria-valuenow":T,"data-disabled":_||!O?`true`:void 0,onPointerDown:M,onPointerMove:N,onPointerUp:P,onPointerCancel:P,onKeyDown:F,onBlur:I,children:i(`div`,{className:D?`${e.rangeFill} ${e.rangeFillFull}`:e.rangeFill,style:{width:`${E}%`},"aria-hidden":!0})})}),y?i(`span`,{className:e.affix,children:y}):null]})}c.displayName=`RangeField`;export{c as default};