form-father 0.2.9 → 0.2.10

package/README.md

@@ -36,7 +36,7 @@ npm install form-father
 ```
 
 ```javascript
-import Form from 'form-father';
+import Form, { isUrlValid, serializeToFormData } from 'form-father';
 
 Form.setDefaultParams({
 	showLoaderButton: false,
@@ -58,6 +58,11 @@ const options = {
 };
 
 const form = new Form(formElement, options);
+const simpleForm = new Form(document.querySelector('#simpleForm')); // options можно не передавать
+```
+
+```ts
+import Form, { type FormOptions, type ValidationSchema, type ResponseBody } from 'form-father';
 ```
 
 ## Формат ответов сервера
@@ -71,14 +76,24 @@ const form = new Form(formElement, options);
 
 - **onSubmit**: Функция обратного вызова, вызываемая при отправке формы.
 - **onResponse**: Функция обратного вызова при получении ответа от сервера.
-- **onResponseSuccess**: Функция вызывается при успешном ответе сервера (статус 200).
-- **onResponseUnsuccess**: Функция вызывается при неуспешном ответе сервера (статус не 200).
+- **onResponseSuccess**: Функция вызывается при успешном HTTP-ответе и `success: true`.
+- **onResponseUnsuccess**: Функция вызывается при неуспешном HTTP-ответе, `success !== true` или некорректном JSON.
 - **showLoaderButton**: Показывать ли лоадер в кнопке отправки. По умолчанию `true`.
 - **scrollToFirstErroredInput**: Прокручивать ли к первому полю с ошибкой. По умолчанию `true`.
 - **customTypeError**: Кастомный тип ошибки.
 - **loaderColor**: Цвет лоадера в кнопке отправки.
 - **logging**: Нужно ли выводить данные в консоль. По умолчанию `false`.
 
+## Отправка формы
+
+- Submit-элементами считаются `button[type="submit"]`, `button` без `type`, `input[type="submit"]` и
+  `input[type="image"]`.
+- Для `method="GET"` и `method="HEAD"` данные добавляются в query string `action`, тело запроса не отправляется.
+- `wrapData` применяется для всех поддержанных `enctype`: `application/x-www-form-urlencoded`, `multipart/form-data`,
+  `text/plain`, `application/json`.
+- `onResponseSuccess` вызывается только при успешном HTTP-ответе и `success: true`.
+- `onResponseUnsuccess` вызывается при неуспешном HTTP-ответе, `success !== true` или некорректном JSON-ответе.
+
 ## Методы
 
 - **clearInputs()**: Очищает все поля ввода формы.
@@ -98,6 +113,7 @@ const form = new Form(formElement, options);
 - **blockScrollBody()**: Блокирует прокрутку страницы.
 - **unblockScrollBody()**: Разблокирует прокрутку страницы.
 - **parseCommonResponseProperties(responseBody)**: Обрабатывает общие свойства ответа сервера.
+- **serializeFormToJSON(form)**: Сериализует данные формы в обычный объект.
 
 ## Валидаторы
 

package/dist/FormFather.min.js

@@ -1,2 +1,2 @@
-var FormFather=function(t){"use strict";function e(t,e,i,r){return new(i||(i=Promise))((function(n,o){function s(t){try{l(r.next(t))}catch(t){o(t)}}function a(t){try{l(r.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?n(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(s,a)}l((r=r.apply(t,e||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const i=["http:","https:"];function r(t){return t.length>0&&t.length<=63&&/^[a-z\d-]+$/i.test(t)&&!t.startsWith("-")&&!t.endsWith("-")}function n(t){return!!t&&("localhost"===t||function(t){const e=t.split(".");return 4===e.length&&e.every((t=>{if(!/^\d{1,3}$/.test(t))return!1;const e=Number(t);return e>=0&&e<=255}))}(t)||function(t){if(!t.startsWith("[")||!t.endsWith("]"))return!1;const e=t.slice(1,-1);return e.includes(":")&&/^[\da-f:.]+$/i.test(e)}(t)||function(t){const e=t.split(".");return e.length>=2&&e.every(r)}(t))}function o(t){const e="FORM"===t.tagName?Array.from(t.elements):Array.from(t.querySelectorAll("input, select, textarea, button")),i=new FormData;return e.forEach((t=>{if(!(t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLButtonElement))return;if(!t.name||t.hasAttribute("data-no-serialize"))return;const{name:e,type:r}=t;if("file"===r)if("true"===t.getAttribute("multiple")){const r=t.files;if(r)for(let t=0;t<r.length;t++)i.append(`${e}[${t}]`,r[t])}else{const r=t.files;r&&r[0]&&i.append(e,r[0])}else{let n;if("select-one"===r||"select-multiple"===r){const o=t;if("select-multiple"===r){Array.from(o.selectedOptions).map((t=>t.value)).forEach(((t,r)=>{i.append(`${e}[${r}]`,t)}))}else n=o.value,n&&i.append(e,n)}else if("tel"===r)n=t.value.split(/[\s()-]/).join("").replace(/^8/,"+7");else if("checkbox"===r||"radio"===r){if(!t.checked)return;n=t.value}else if("date"===r){const e=t.getAttribute("data-date-format");n=e?function(t,e){const i=new Date(t),r=t=>t.toString().padStart(2,"0"),n=r(i.getDate()),o=r(i.getMonth()+1),s=i.getFullYear().toString();return e.replace("dd",n).replace("mm",o).replace("yyyy",s)}(t.value,e):t.value}else n=t.value;n&&"select-one"!==r&&"select-multiple"!==r&&i.append(e,n)}})),i}var s;const a=Symbol.for("FormFather.validators"),l=null!==(s=globalThis[a])&&void 0!==s?s:globalThis[a]=new Map;function c(t,e,i,{override:r=!1}={}){!l.has(t)||r?l.set(t,{fn:e,defaultMessage:i}):console.warn(`[FormFather] Validator "${t}" already exists; pass { override: true } to replace`)}const d=t=>l.get(t);var u;c("required",((t,e,i)=>{if(e&&e.type){if("checkbox"===e.type)return e.checked;if("radio"===e.type){const t=i.querySelectorAll(`input[type="radio"][name="${e.name}"]`);return Array.from(t).some((t=>t.checked))}}return t.trim().length>0}),"Пустое значение"),c("email",(t=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)),"Неверный формат"),c("tel",(t=>/^\+7\d{10}$/.test(t)),"Неверный формат"),c("url",(t=>function(t){const e=function(t){const e=t.trim();return 0===e.length?"":e.startsWith("//")?`https:${e}`:/^[a-z][a-z\d+.-]*:\/\//i.test(e)?e:`https://${e}`}(t);if(0===e.length)return!1;try{const t=new URL(e);return i.includes(t.protocol)&&n(t.hostname)}catch(t){return!1}}(t)),"Неверный формат"),c("not-numbers",(t=>!/[0-9]/.test(t)),"Неверный формат");const p=Symbol.for("formfather.shared"),h=null!==(u=globalThis[p])&&void 0!==u?u:globalThis[p]={defaultParams:{},defaultValidationSchema:void 0};let f=0;const m={tel:{selector:'input[type="tel"]',rules:["tel"]},email:{selector:'input[type="email"]',rules:["email"]},required:{selector:"[required]",rules:["required"]},url:{selector:'input[type="url"]',rules:["url"]},"not-numbers":{selector:'input[data-validate="not-numbers"]',rules:["not-numbers"]}};class g{static get defaultParams(){return h.defaultParams}static set defaultParams(t){h.defaultParams=t}static get defaultValidationSchema(){var t;return null!==(t=h.defaultValidationSchema)&&void 0!==t?t:h.defaultValidationSchema=m}static set defaultValidationSchema(t){h.defaultValidationSchema=t}constructor(t,i){this.$submits=[],this.waitResponse=!1,this.inputs=null,this._anim={duration:220,easing:"ease",paddingTopOpened:16,iconDuration:700},this.$el=t,this.options=i;this.config=Object.assign({},{onSubmit:()=>{},onResponse:()=>{},onResponseSuccess:()=>{},onResponseUnsuccess:()=>{},customTypeError:null,loaderColor:"#fff",showLoaderButton:!0,scrollToFirstErroredInput:!0,logging:!1,inputSelector:".input",inputWrapperSelector:".input-primary"},g.defaultParams,i),this.$el?(this.$submits=this.findSubmitElements(),this._onSubmitClickHandler=t=>e(this,void 0,void 0,(function*(){var e,i,r,n;t.preventDefault(),null===(i=(e=this.config).onBeforeValidate)||void 0===i||i.call(e,this);const o=yield this.validate();null===(n=(r=this.config).onAfterValidate)||void 0===n||n.call(r,o,this),o&&(yield this.submit())})),this.isCorrectArguments()&&(this.$submits.forEach((t=>{t.addEventListener("click",this._onSubmitClickHandler)})),this.initialization())):console.warn("Empty $el")}getOptions(){return this.options}static setDefaultParams(t){this.defaultParams=Object.assign(Object.assign({},this.defaultParams),t)}findSubmitElements(){return Array.from(this.$el.querySelectorAll('input[type="submit"], button[type="submit"]'))}initialization(){this.inputs=this.$el.querySelectorAll(this.config.inputSelector),this._onSubmitHandler=t=>e(this,void 0,void 0,(function*(){var e,i,r,n;t.preventDefault(),null===(i=(e=this.config).onBeforeValidate)||void 0===i||i.call(e,this);const o=yield this.validate();null===(n=(r=this.config).onAfterValidate)||void 0===n||n.call(r,o,this),o&&this.submit()})),this.$el.addEventListener("submit",this._onSubmitHandler)}showError(t,e){(function(t,e){if(null==t)return null;let i=t;for(;i;){if(i.matches(e))return i;i=i.parentElement}return null})(t,this.config.inputWrapperSelector).showError(e)}showLoader(){this.$submits.forEach((t=>{if(t.classList.add("button--loading"),t.querySelector(".button__loader"))return;const e="form-father-loader-"+f++,i=`\n\t\t\t\t<svg height="38" viewBox="0 0 38 38" width="38" xmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id="${e}" x1="8.042%" x2="65.682%" y1="0%" y2="23.865%">\n\t\t\t\t\t\t<stop offset="0%" stop-color="${this.config.loaderColor}" stop-opacity="0"/>\n\t\t\t\t\t\t<stop offset="63.146%" stop-color="${this.config.loaderColor}" stop-opacity=".631"/>\n\t\t\t\t\t\t<stop offset="100%" stop-color="${this.config.loaderColor}"/>\n\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<g fill-rule="evenodd" fill="none">\n\t\t\t\t\t<g transform="translate(1 1)">\n\t\t\t\t\t\t<path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke-width="5" stroke="url(#${e})"></path>\n\t\t\t\t\t\t<circle cx="36" cy="18" fill="${this.config.loaderColor}" r="1"></circle>\n\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t</svg>\n\t\t\t`,r=document.createElement("span");r.innerHTML=i,r.className="button__loader",t.insertAdjacentElement("afterbegin",r),requestAnimationFrame((()=>{r.setAttribute("data-showed","")}))}))}hideLoader(){this.$submits.forEach((t=>{t.classList.remove("button--loading");const e=t.querySelector(".button__loader");e&&(e.classList.remove("active"),e.removeAttribute("data-showed"),setTimeout((()=>{e.remove()}),250))}))}hideError(t){const e=t.parentElement;e&&e.classList.contains("input__wrapper")&&(e.getAttribute("data-type-error"),e.classList.remove("input__wrapper--error"))}scrollToFirstErroredInput(t){if(t.length>0){const e=Array.from(this.$el.querySelectorAll("input"));let i=null,r=1/0;if(t.forEach((t=>{const n=e.findIndex((e=>e===t));n<r&&(r=n,i=t)})),i){const t=i.getBoundingClientRect(),e=window.pageYOffset||document.documentElement.scrollTop,r=t.top+e-window.innerHeight/2;document.documentElement.setAttribute("data-now-scrolling",""),window.scrollTo({top:r,behavior:"smooth"}),setTimeout((()=>{document.documentElement.removeAttribute("data-now-scrolling")}),800)}}}validate(){return e(this,arguments,void 0,(function*(t=this.$el){const i=Object.assign(Object.assign({},g.defaultValidationSchema||{}),this.config.validationSchema||{}),r=t=>console.warn(`[FormFather] Unknown validation rule "${t}"`),n=[],o=new WeakSet;let s=!0;const a=(t,e=[])=>{var i;const n=[];t.hasAttribute("required")&&n.push("required"),n.push(...e);const o=(null!==(i=t.getAttribute("data-custom-validate"))&&void 0!==i?i:"").split(",").map((t=>t.trim())).filter(Boolean);n.push(...o);const s=[];for(const t of n){const e="string"==typeof t?t:t.rule;d(e)?s.push(t):r(e)}return s},l=(i,r,...o)=>e(this,[i,r,...o],void 0,(function*(e,i,r={}){if(e.hasAttribute("data-no-validate"))return;if(!("checkbox"===e.type||"radio"===e.type?!e.checked:0===e.value.trim().length)||i.includes("required")){for(const o of i){const{rule:i,params:a}="string"==typeof o?{rule:o,params:void 0}:o,l=d(i),c=yield l.fn(e.value,e,t,a),u="object"==typeof c&&null!==c,p=u?!0===c.valid:!!c;if(u&&c.effect&&(yield c.effect({value:e.value,$input:e,$form:t,params:a})),!p){s=!1;const t=c,o=u&&"string"==typeof t.message&&t.message||r[i]||l.defaultMessage;return this.showError(e,o),void n.push(e)}if(u&&c.stopOthers)return}this.hideError(e)}else this.hideError(e)}));for(const[e,r]of Object.entries(i)){const{selector:i,rules:n=[],messages:s={}}=r,c=i?t.querySelectorAll(i):t.querySelectorAll(`[data-validate="${e}"]`);for(const t of Array.from(c))o.has(t)||(o.add(t),yield l(t,a(t,n),s))}const c=Array.from(t.querySelectorAll("[data-custom-validate]")).filter((t=>!o.has(t)));for(const t of c)o.add(t),yield l(t,a(t,[]));return!s&&this.config.scrollToFirstErroredInput&&this.scrollToFirstErroredInput(n.filter((t=>!t.hasAttribute("data-no-error-scroll")))),s}))}disableSubmit(){this.$submits.forEach((t=>{t.setAttribute("disabled","")}))}enableSubmit(){this.$submits.forEach((t=>{t.removeAttribute("disabled")}))}clearInputs(){var t;null===(t=this.inputs)||void 0===t||t.forEach((t=>{var e;const i=t;"radio"===i.type||"checkbox"===i.type?i.checked=!1:(i.value="",null===(e=i.parentElement)||void 0===e||e.classList.remove("filled"),i.dispatchEvent(new Event("input")))}))}_prefersReducedMotion(){var t;return"undefined"!=typeof window&&(null===(t=window.matchMedia)||void 0===t?void 0:t.call(window,"(prefers-reduced-motion: reduce)").matches)}_canAnimate(t){return!(!t||!("animate"in t)||this._prefersReducedMotion())}_cancelAnimations(t){var e;null===(e=null==t?void 0:t.getAnimations)||void 0===e||e.call(t).forEach((t=>t.cancel()))}showErrorForm(t){var e;const i=this.$el.querySelectorAll(this.config.inputWrapperSelector),r=i[i.length-1];let n=this.$el.querySelector(".error-block-under-input__wrapper");n&&r.nextElementSibling===n?(n.style.boxSizing="border-box",n.style.overflow="hidden"):(n=document.createElement("div"),n.className="error-block-under-input__wrapper",n.innerHTML='\n      <div class="error-block-under-input error-block-under-input--warning" style="display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;">\n        <div class="error-block-under-input__icon-wrapper" style="position:relative;width:20px;height:20px;">\n          <span class="error-block-under-input__icon" style="display:block;width:20px;height:20px;"></span>\n          <span class="error-block-under-input__icon error-block-under-input__icon--animated" style="display:block;position:absolute;inset:0;"></span>\n        </div>\n        <p class="error-block-under-input__text" style="margin:0;">\n          <span class="error-block-under-input__main-text"></span>\n          <span class="error-block-under-input__secondary-text"></span>\n        </p>\n      </div>\n    ',Object.assign(n.style,{boxSizing:"border-box",overflow:"hidden",height:"0px",paddingTop:"0px",opacity:"0"}),r.insertAdjacentElement("afterend",n)),n.querySelector(".error-block-under-input__main-text").textContent=t;const o=n.querySelector(".error-block-under-input__secondary-text");o&&(o.textContent=""),null===(e=n.querySelector(".error-block-under-input"))||void 0===e||e.classList.remove("error-block-under-input--success"),n.querySelector(".error-block-under-input");const s=n.style.height,a=n.style.paddingTop;n.style.height="auto",n.style.paddingTop=`${this._anim.paddingTopOpened}px`;const l=n.clientHeight;if(n.style.height=s||"0px",n.style.paddingTop=a||"0px",parseFloat(n.style.height)===l&&1===parseFloat(n.style.opacity||"1"))this._ringIcon(n);else{if(this._cancelAnimations(n),this._canAnimate(n)){n.animate([{height:`${parseFloat(n.style.height)||0}px`,paddingTop:`${parseFloat(n.style.paddingTop)||0}px`,opacity:parseFloat(n.style.opacity||"0")},{height:`${l}px`,paddingTop:`${this._anim.paddingTopOpened}px`,opacity:1}],{duration:this._anim.duration,easing:this._anim.easing,fill:"forwards"}).addEventListener("finish",(()=>{n.style.height="auto",n.style.paddingTop=`${this._anim.paddingTopOpened}px`,n.style.opacity="1"}))}else n.style.height="auto",n.style.paddingTop=`${this._anim.paddingTopOpened}px`,n.style.opacity="1";this._ringIcon(n)}this.$el.addEventListener("input",(()=>this.hideErrorForm()),{passive:!0,once:!0})}hideErrorForm(){const t=this.$el.querySelectorAll(this.config.inputWrapperSelector),e=t[t.length-1].nextElementSibling;if(!e||!e.classList.contains("error-block-under-input__wrapper"))return;if((""===e.style.height||"auto"===e.style.height)&&(e.style.height=`${e.clientHeight}px`),e.style.paddingTop=e.style.paddingTop||`${this._anim.paddingTopOpened}px`,e.style.opacity=e.style.opacity||"1",this._cancelAnimations(e),this._canAnimate(e)){e.animate([{height:`${parseFloat(e.style.height)||e.clientHeight}px`,paddingTop:`${parseFloat(e.style.paddingTop)||this._anim.paddingTopOpened}px`,opacity:parseFloat(e.style.opacity||"1")},{height:"0px",paddingTop:"0px",opacity:0}],{duration:this._anim.duration,easing:this._anim.easing,fill:"forwards"}).addEventListener("finish",(()=>{e.remove()}))}else e.remove()}_ringIcon(t){const e=t.querySelector(".error-block-under-input__icon--animated");e&&(this._cancelAnimations(e),this._canAnimate(e)&&e.animate([{transform:"rotate(0deg) scale(1)",opacity:0},{transform:"rotate(-8deg) scale(1.05)",opacity:1,offset:.15},{transform:"rotate(8deg)  scale(1.05)",opacity:1,offset:.3},{transform:"rotate(-6deg) scale(1.03)",opacity:1,offset:.45},{transform:"rotate(6deg)  scale(1.03)",opacity:1,offset:.6},{transform:"rotate(0deg)  scale(1)",opacity:0}],{duration:this._anim.iconDuration,easing:"ease"}))}destroy(){this._onSubmitHandler&&(this.$el.removeEventListener("submit",this._onSubmitHandler),this._onSubmitHandler=void 0),this._onSubmitClickHandler&&(this.$submits.forEach((t=>{t.removeEventListener("click",this._onSubmitClickHandler)})),this._onSubmitClickHandler=void 0);const t=this.$el.querySelector(".error-block-under-input__wrapper");t&&(this._cancelAnimations(t),t.remove()),this.$submits.forEach((t=>{t.classList.remove("button--loading");const e=t.querySelector(".button__loader");e&&e.remove()}));this.$el.querySelectorAll("input, textarea").forEach((t=>{t instanceof HTMLInputElement&&this.hideError(t)})),document.documentElement.removeAttribute("data-now-scrolling"),this.inputs=null,this.$submits=[],this.waitResponse=!1}isCorrectArguments(){return"FORM"!==this.$el.tagName?(console.warn("$el не является тегом form"),!1):0!==this.$submits.length||(console.warn("В форме нет кнопки с типом submit"),!1)}sendData(){return e(this,void 0,void 0,(function*(){var t;const e=this.$el.getAttribute("action")||"",i=(null===(t=this.$el.getAttribute("method"))||void 0===t?void 0:t.toUpperCase())||"POST",r=this.$el.getAttribute("enctype")||"application/x-www-form-urlencoded";let n=null,s={};const a=o(this.$el);let l={};if(a.forEach(((t,e)=>{l[e]=t})),this.config.logging)for(const t of a.keys())console.log(a.get(t));switch("function"==typeof this.config.wrapData&&(l=this.config.wrapData(l)),r){case"application/x-www-form-urlencoded":n=new URLSearchParams(o(this.$el)).toString(),s["Content-Type"]="application/x-www-form-urlencoded";break;case"multipart/form-data":n=o(this.$el);break;case"text/plain":n=Array.from(o(this.$el)).map((([t,e])=>`${encodeURIComponent(t)}=${encodeURIComponent(e)}`)).join("\n"),s["Content-Type"]="text/plain";break;case"application/json":n=JSON.stringify(l),s["Content-Type"]="application/json";break;default:console.warn(`Неизвестный enctype: ${r}. Используется application/x-www-form-urlencoded.`),n=new URLSearchParams(o(this.$el)).toString(),s["Content-Type"]="application/x-www-form-urlencoded"}return fetch(e,{method:i,body:n,headers:s})}))}submit(){return e(this,void 0,void 0,(function*(){var t,e,i,r,n,o,s,a;if(!this.waitResponse){!0===this.config.showLoaderButton&&this.showLoader(),null===(e=(t=this.config).onSubmit)||void 0===e||e.call(t,this),this.waitResponse=!0;const l=yield this.sendData(),c=yield l.json();if(this.waitResponse=!1,!0===this.config.showLoaderButton&&this.hideLoader(),null===(r=(i=this.config).onResponse)||void 0===r||r.call(i,c,this),200===l.status){if(!0===c.success)null===(o=(n=this.config).onResponseSuccess)||void 0===o||o.call(n,c,this);else if(null===(a=(s=this.config).onResponseUnsuccess)||void 0===a||a.call(s,c,this),!0===c.error&&(c["error-msg"]&&this.showErrorForm(c["error-msg"]),c.errors)){const t=[];c.errors.forEach((e=>{const i=this.$el.querySelector(`input[name="${e.name}"]`);i?(t.push(i),this.showError(i,e["error-msg"])):console.warn(`Не найдено поле с именем: ${e.name}, для вывода ошибки: ${e["error-msg"]}`)})),!0===this.config.scrollToFirstErroredInput&&this.scrollToFirstErroredInput(t)}!function(t){if(Object.prototype.hasOwnProperty.call(t,"redirect-url"))if(t["redirect-url-delay"]){const e=Number(t["redirect-url-delay"]);setTimeout((()=>{window.location.href=t["redirect-url"]}),e)}else window.location.href=t["redirect-url"];else if(Object.prototype.hasOwnProperty.call(t,"reload")){if(!0===t.reload)if(t["reload-delay"]){const e=Number(t["reload-delay"]);setTimeout((()=>{window.location.reload()}),e)}else window.location.reload()}else if(Object.prototype.hasOwnProperty.call(t,"toast")){const e=t.toast;(Array.isArray(e)?e:[e]).forEach((t=>{window.showToast(t)}))}else Object.prototype.hasOwnProperty.call(t,"error-toast")&&window.showToast(t["error-toast"])}(c)}}}))}}return t.default=g,t.getAllValidators=function(){return new Map(l)},t.getValidator=d,t.registerValidator=c,Object.defineProperty(t,"__esModule",{value:!0}),t}({});
+var FormFather=function(t){"use strict";function e(t,e,r,o){return new(r||(r=Promise))((function(n,i){function s(t){try{l(o.next(t))}catch(t){i(t)}}function a(t){try{l(o.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?n(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(s,a)}l((o=o.apply(t,e||[])).next())}))}function r(t,e){if(null==t)return null;let r=t;for(;r;){if(r.matches(e))return r;r=r.parentElement}return null}"function"==typeof SuppressedError&&SuppressedError;const o=["http:","https:"];function n(t){return t.length>0&&t.length<=63&&/^[a-z\d-]+$/i.test(t)&&!t.startsWith("-")&&!t.endsWith("-")}function i(t){return!!t&&("localhost"===t||function(t){const e=t.split(".");return 4===e.length&&e.every((t=>{if(!/^\d{1,3}$/.test(t))return!1;const e=Number(t);return e>=0&&e<=255}))}(t)||function(t){if(!t.startsWith("[")||!t.endsWith("]"))return!1;const e=t.slice(1,-1);return e.includes(":")&&/^[\da-f:.]+$/i.test(e)}(t)||function(t){const e=t.split(".");return e.length>=2&&e.every(n)}(t))}function s(t){const e=function(t){const e=t.trim();return 0===e.length?"":e.startsWith("//")?`https:${e}`:/^[a-z][a-z\d+.-]*:\/\//i.test(e)?e:`https://${e}`}(t);if(0===e.length)return!1;try{const t=new URL(e);return o.includes(t.protocol)&&i(t.hostname)}catch(t){return!1}}function a(t){const e="FORM"===t.tagName?Array.from(t.elements):Array.from(t.querySelectorAll("input, select, textarea, button")),r=new FormData;return e.forEach((t=>{if(!(t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLButtonElement))return;if(!t.name||t.disabled||t.hasAttribute("data-no-serialize"))return;if(t instanceof HTMLButtonElement)return;const{name:e,type:o}=t;if("file"===o)if(t.multiple){const o=t.files;if(o)for(let t=0;t<o.length;t++)r.append(`${e}[${t}]`,o[t])}else{const o=t.files;o&&o[0]&&r.append(e,o[0])}else{let n;if("select-one"===o||"select-multiple"===o){const i=t;if("select-multiple"===o){Array.from(i.selectedOptions).map((t=>t.value)).forEach(((t,o)=>{r.append(`${e}[${o}]`,t)}))}else n=i.value,n&&r.append(e,n)}else if("tel"===o)n=t.value.split(/[\s()-]/).join("").replace(/^8/,"+7");else if("checkbox"===o||"radio"===o){if(!t.checked)return;n=t.value}else if("date"===o){const e=t.getAttribute("data-date-format");n=e?function(t,e){const r=new Date(t),o=t=>t.toString().padStart(2,"0"),n=o(r.getDate()),i=o(r.getMonth()+1),s=r.getFullYear().toString();return e.replace("dd",n).replace("mm",i).replace("yyyy",s)}(t.value,e):t.value}else n=t.value;n&&"select-one"!==o&&"select-multiple"!==o&&r.append(e,n)}})),r}function l(t){if(Object.prototype.hasOwnProperty.call(t,"redirect-url"))if(t["redirect-url-delay"]){const e=Number(t["redirect-url-delay"]);setTimeout((()=>{window.location.href=t["redirect-url"]}),e)}else window.location.href=t["redirect-url"];else if(Object.prototype.hasOwnProperty.call(t,"reload")){if(!0===t.reload)if(t["reload-delay"]){const e=Number(t["reload-delay"]);setTimeout((()=>{window.location.reload()}),e)}else window.location.reload()}else if(Object.prototype.hasOwnProperty.call(t,"toast")){const e=t.toast;(Array.isArray(e)?e:[e]).forEach((t=>{window.showToast(t)}))}else Object.prototype.hasOwnProperty.call(t,"error-toast")&&window.showToast(t["error-toast"])}var c;const d=Symbol.for("FormFather.validators"),u=null!==(c=globalThis[d])&&void 0!==c?c:globalThis[d]=new Map;const p=t=>u.get(t);function h(t,e,r){u.has(t)||u.set(t,{fn:e,defaultMessage:r})}var f;h("required",((t,e,r)=>{if(e&&e.type){if("checkbox"===e.type)return e.checked;if("radio"===e.type){const t=r.querySelectorAll(`input[type="radio"][name="${e.name}"]`);return Array.from(t).some((t=>t.checked))}}return t.trim().length>0}),"Пустое значение"),h("email",(t=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)),"Неверный формат"),h("tel",(t=>/^\+7\d{10}$/.test(t)),"Неверный формат"),h("url",(t=>s(t)),"Неверный формат"),h("not-numbers",(t=>!/[0-9]/.test(t)),"Неверный формат");const m=Symbol.for("formfather.shared"),y=null!==(f=globalThis[m])&&void 0!==f?f:globalThis[m]={defaultParams:{},defaultValidationSchema:void 0};let g=0;const b={tel:{selector:'input[type="tel"]',rules:["tel"]},email:{selector:'input[type="email"]',rules:["email"]},required:{selector:"[required]",rules:["required"]},url:{selector:'input[type="url"]',rules:["url"]},"not-numbers":{selector:'input[data-validate="not-numbers"]',rules:["not-numbers"]}};class v{static get defaultParams(){return y.defaultParams}static set defaultParams(t){y.defaultParams=t}static get defaultValidationSchema(){var t;return null!==(t=y.defaultValidationSchema)&&void 0!==t?t:y.defaultValidationSchema=b}static set defaultValidationSchema(t){y.defaultValidationSchema=t}constructor(t,r={}){this.$submits=[],this.waitResponse=!1,this.inputs=null,this._anim={duration:220,easing:"ease",paddingTopOpened:16,iconDuration:700},this.$el=t,this.options=r;this.config=Object.assign({},{onSubmit:()=>{},onResponse:()=>{},onResponseSuccess:()=>{},onResponseUnsuccess:()=>{},customTypeError:null,loaderColor:"#fff",showLoaderButton:!0,scrollToFirstErroredInput:!0,logging:!1,inputSelector:".input",inputWrapperSelector:".input-primary"},v.defaultParams,r),this.$el?(this.$submits=this.findSubmitElements(),this._onSubmitClickHandler=t=>e(this,void 0,void 0,(function*(){var e,r,o,n;t.preventDefault(),null===(r=(e=this.config).onBeforeValidate)||void 0===r||r.call(e,this);const i=yield this.validate();null===(n=(o=this.config).onAfterValidate)||void 0===n||n.call(o,i,this),i&&(yield this.submit())})),this.isCorrectArguments()&&(this.$submits.forEach((t=>{t.addEventListener("click",this._onSubmitClickHandler)})),this.initialization())):console.warn("Empty $el")}getOptions(){return this.options}static setDefaultParams(t){this.defaultParams=Object.assign(Object.assign({},this.defaultParams),t)}findSubmitElements(){return Array.from(this.$el.querySelectorAll('input[type="submit"], input[type="image"], button[type="submit"], button:not([type])'))}initialization(){this.inputs=this.$el.querySelectorAll(this.config.inputSelector),this._onSubmitHandler=t=>e(this,void 0,void 0,(function*(){var e,r,o,n;t.preventDefault(),null===(r=(e=this.config).onBeforeValidate)||void 0===r||r.call(e,this);const i=yield this.validate();null===(n=(o=this.config).onAfterValidate)||void 0===n||n.call(o,i,this),i&&this.submit()})),this.$el.addEventListener("submit",this._onSubmitHandler)}showError(t,e){const o=r(t,this.config.inputWrapperSelector);if(!o)return void console.warn(`Не найдена обёртка для поля с именем: ${t.name||t.type}`);const n=o.showError;if("function"==typeof n)return void n.call(o,e);t.setAttribute("aria-invalid","true"),o.classList.add("input__wrapper--error");let i=o.querySelector("[data-form-father-error]");i||(i=document.createElement("div"),i.setAttribute("data-form-father-error",""),i.setAttribute("role","alert"),t.insertAdjacentElement("afterend",i)),i.textContent=e}showLoader(){this.$submits.forEach((t=>{if(t.classList.add("button--loading"),t.querySelector(".button__loader"))return;const e="form-father-loader-"+g++,r=`\n\t\t\t\t<svg height="38" viewBox="0 0 38 38" width="38" xmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id="${e}" x1="8.042%" x2="65.682%" y1="0%" y2="23.865%">\n\t\t\t\t\t\t<stop offset="0%" stop-color="${this.config.loaderColor}" stop-opacity="0"/>\n\t\t\t\t\t\t<stop offset="63.146%" stop-color="${this.config.loaderColor}" stop-opacity=".631"/>\n\t\t\t\t\t\t<stop offset="100%" stop-color="${this.config.loaderColor}"/>\n\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<g fill-rule="evenodd" fill="none">\n\t\t\t\t\t<g transform="translate(1 1)">\n\t\t\t\t\t\t<path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke-width="5" stroke="url(#${e})"></path>\n\t\t\t\t\t\t<circle cx="36" cy="18" fill="${this.config.loaderColor}" r="1"></circle>\n\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t</svg>\n\t\t\t`,o=document.createElement("span");o.innerHTML=r,o.className="button__loader",t.insertAdjacentElement("afterbegin",o),requestAnimationFrame((()=>{o.setAttribute("data-showed","")}))}))}hideLoader(){this.$submits.forEach((t=>{t.classList.remove("button--loading");const e=t.querySelector(".button__loader");e&&(e.classList.remove("active"),e.removeAttribute("data-showed"),setTimeout((()=>{e.remove()}),250))}))}hideError(t){var e;const o=r(t,this.config.inputWrapperSelector)||t.parentElement;t.removeAttribute("aria-invalid"),null===(e=null==o?void 0:o.querySelector("[data-form-father-error]"))||void 0===e||e.remove(),null==o||o.classList.remove("input__wrapper--error"),o&&o.classList.contains("input__wrapper")&&o.getAttribute("data-type-error")}scrollToFirstErroredInput(t){if(t.length>0){const e=Array.from(this.$el.querySelectorAll("input"));let r=null,o=1/0;if(t.forEach((t=>{const n=e.findIndex((e=>e===t));n<o&&(o=n,r=t)})),r){const t=r.getBoundingClientRect(),e=window.pageYOffset||document.documentElement.scrollTop,o=t.top+e-window.innerHeight/2;document.documentElement.setAttribute("data-now-scrolling",""),window.scrollTo({top:o,behavior:"smooth"}),setTimeout((()=>{document.documentElement.removeAttribute("data-now-scrolling")}),800)}}}validate(){return e(this,arguments,void 0,(function*(t=this.$el){const r=Object.assign(Object.assign({},v.defaultValidationSchema||{}),this.config.validationSchema||{}),o=t=>console.warn(`[FormFather] Unknown validation rule "${t}"`),n=[],i=new WeakSet;let s=!0;const a=(t,e=[])=>{var r;const n=[];t.hasAttribute("required")&&n.push("required"),n.push(...e);const i=(null!==(r=t.getAttribute("data-custom-validate"))&&void 0!==r?r:"").split(",").map((t=>t.trim())).filter(Boolean);n.push(...i.map((t=>{const[e,...r]=t.split(":").map((t=>t.trim()));return r.length>0?{rule:e,params:1===r.length?r[0]:r}:e})));const s=[];for(const t of n){const e="string"==typeof t?t:t.rule;p(e)?s.push(t):o(e)}return s},l=(r,o,...i)=>e(this,[r,o,...i],void 0,(function*(e,r,o={}){if(e.hasAttribute("data-no-validate"))return;const i="checkbox"===e.type||"radio"===e.type?!e.checked:0===e.value.trim().length,a=r.some((t=>"string"==typeof t?"required"===t:"required"===t.rule));if(!i||a){for(const i of r){const{rule:r,params:a}="string"==typeof i?{rule:i,params:void 0}:i,l=p(r),c=yield l.fn(e.value,e,t,a),d="object"==typeof c&&null!==c,u=d?!0===c.valid:!!c;if(d&&c.effect&&(yield c.effect({value:e.value,$input:e,$form:t,params:a})),!u){s=!1;const t=c,i=d&&"string"==typeof t.message&&t.message||o[r]||l.defaultMessage;return this.showError(e,i),void n.push(e)}if(d&&c.stopOthers)return}this.hideError(e)}else this.hideError(e)})),c=e=>"radio"===e.type&&e.name?Array.from(t.querySelectorAll('input[type="radio"]')).filter((t=>t.name===e.name)):[];for(const[e,o]of Object.entries(r)){const{selector:r,rules:n=[],messages:s={}}=o,d=r?t.querySelectorAll(r):t.querySelectorAll(`[data-validate="${e}"]`);for(const t of Array.from(d)){if(i.has(t))continue;const e=c(t);e.length>0?(e.forEach((t=>i.add(t))),yield l(t,a(t,n),s)):(i.add(t),yield l(t,a(t,n),s))}}const d=Array.from(t.querySelectorAll("[data-custom-validate]")).filter((t=>!i.has(t)));for(const t of d)i.add(t),yield l(t,a(t,[]));return!s&&this.config.scrollToFirstErroredInput&&this.scrollToFirstErroredInput(n.filter((t=>!t.hasAttribute("data-no-error-scroll")))),s}))}disableSubmit(){this.$submits.forEach((t=>{t.setAttribute("disabled","")}))}enableSubmit(){this.$submits.forEach((t=>{t.removeAttribute("disabled")}))}clearInputs(){var t;null===(t=this.inputs)||void 0===t||t.forEach((t=>{var e;const r=t;"radio"===r.type||"checkbox"===r.type?r.checked=!1:(r.value="",null===(e=r.parentElement)||void 0===e||e.classList.remove("filled"),r.dispatchEvent(new Event("input")))}))}_prefersReducedMotion(){var t;return"undefined"!=typeof window&&(null===(t=window.matchMedia)||void 0===t?void 0:t.call(window,"(prefers-reduced-motion: reduce)").matches)}_canAnimate(t){return!(!t||!("animate"in t)||this._prefersReducedMotion())}_cancelAnimations(t){var e;const r=t;null===(e=null==r?void 0:r.getAnimations)||void 0===e||e.call(r).forEach((t=>t.cancel()))}showErrorForm(t){var e;const r=this.$el.querySelectorAll(this.config.inputWrapperSelector),o=r[r.length-1];let n=this.$el.querySelector(".error-block-under-input__wrapper");!n||o&&o.nextElementSibling!==n?(n=document.createElement("div"),n.className="error-block-under-input__wrapper",n.innerHTML='\n      <div class="error-block-under-input error-block-under-input--warning" style="display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;">\n        <div class="error-block-under-input__icon-wrapper" style="position:relative;width:20px;height:20px;">\n          <span class="error-block-under-input__icon" style="display:block;width:20px;height:20px;"></span>\n          <span class="error-block-under-input__icon error-block-under-input__icon--animated" style="display:block;position:absolute;inset:0;"></span>\n        </div>\n        <p class="error-block-under-input__text" style="margin:0;">\n          <span class="error-block-under-input__main-text"></span>\n          <span class="error-block-under-input__secondary-text"></span>\n        </p>\n      </div>\n    ',Object.assign(n.style,{boxSizing:"border-box",overflow:"hidden",height:"0px",paddingTop:"0px",opacity:"0"}),o?o.insertAdjacentElement("afterend",n):this.$el.appendChild(n)):(n.style.boxSizing="border-box",n.style.overflow="hidden"),n.querySelector(".error-block-under-input__main-text").textContent=t;const i=n.querySelector(".error-block-under-input__secondary-text");i&&(i.textContent=""),null===(e=n.querySelector(".error-block-under-input"))||void 0===e||e.classList.remove("error-block-under-input--success");const s=n.style.height,a=n.style.paddingTop;n.style.height="auto",n.style.paddingTop=`${this._anim.paddingTopOpened}px`;const l=n.clientHeight;if(n.style.height=s||"0px",n.style.paddingTop=a||"0px",parseFloat(n.style.height)===l&&1===parseFloat(n.style.opacity||"1"))this._ringIcon(n);else{if(this._cancelAnimations(n),this._canAnimate(n)){n.animate([{height:`${parseFloat(n.style.height)||0}px`,paddingTop:`${parseFloat(n.style.paddingTop)||0}px`,opacity:parseFloat(n.style.opacity||"0")},{height:`${l}px`,paddingTop:`${this._anim.paddingTopOpened}px`,opacity:1}],{duration:this._anim.duration,easing:this._anim.easing,fill:"forwards"}).addEventListener("finish",(()=>{n.style.height="auto",n.style.paddingTop=`${this._anim.paddingTopOpened}px`,n.style.opacity="1"}))}else n.style.height="auto",n.style.paddingTop=`${this._anim.paddingTopOpened}px`,n.style.opacity="1";this._ringIcon(n)}this.$el.addEventListener("input",(()=>this.hideErrorForm()),{passive:!0,once:!0})}hideErrorForm(){const t=this.$el.querySelectorAll(this.config.inputWrapperSelector),e=t[t.length-1],r=(null==e?void 0:e.nextElementSibling)||this.$el.querySelector(".error-block-under-input__wrapper");if(!r||!r.classList.contains("error-block-under-input__wrapper"))return;if((""===r.style.height||"auto"===r.style.height)&&(r.style.height=`${r.clientHeight}px`),r.style.paddingTop=r.style.paddingTop||`${this._anim.paddingTopOpened}px`,r.style.opacity=r.style.opacity||"1",this._cancelAnimations(r),this._canAnimate(r)){r.animate([{height:`${parseFloat(r.style.height)||r.clientHeight}px`,paddingTop:`${parseFloat(r.style.paddingTop)||this._anim.paddingTopOpened}px`,opacity:parseFloat(r.style.opacity||"1")},{height:"0px",paddingTop:"0px",opacity:0}],{duration:this._anim.duration,easing:this._anim.easing,fill:"forwards"}).addEventListener("finish",(()=>{r.remove()}))}else r.remove()}_ringIcon(t){const e=t.querySelector(".error-block-under-input__icon--animated");e&&(this._cancelAnimations(e),this._canAnimate(e)&&e.animate([{transform:"rotate(0deg) scale(1)",opacity:0},{transform:"rotate(-8deg) scale(1.05)",opacity:1,offset:.15},{transform:"rotate(8deg)  scale(1.05)",opacity:1,offset:.3},{transform:"rotate(-6deg) scale(1.03)",opacity:1,offset:.45},{transform:"rotate(6deg)  scale(1.03)",opacity:1,offset:.6},{transform:"rotate(0deg)  scale(1)",opacity:0}],{duration:this._anim.iconDuration,easing:"ease"}))}destroy(){this._onSubmitHandler&&(this.$el.removeEventListener("submit",this._onSubmitHandler),this._onSubmitHandler=void 0),this._onSubmitClickHandler&&(this.$submits.forEach((t=>{t.removeEventListener("click",this._onSubmitClickHandler)})),this._onSubmitClickHandler=void 0);const t=this.$el.querySelector(".error-block-under-input__wrapper");t&&(this._cancelAnimations(t),t.remove()),this.$submits.forEach((t=>{t.classList.remove("button--loading");const e=t.querySelector(".button__loader");e&&e.remove()}));this.$el.querySelectorAll("input, textarea, select").forEach((t=>this.hideError(t))),document.documentElement.removeAttribute("data-now-scrolling"),this.inputs=null,this.$submits=[],this.waitResponse=!1}isCorrectArguments(){return"FORM"!==this.$el.tagName?(console.warn("$el не является тегом form"),!1):0!==this.$submits.length||(console.warn("В форме нет кнопки с типом submit"),!1)}formDataToObject(t){const e={};return t.forEach(((t,r)=>{Object.prototype.hasOwnProperty.call(e,r)?(Array.isArray(e[r])||(e[r]=[e[r]]),e[r].push(t)):e[r]=t})),e}appendFormDataValue(t,e,r){null!=r&&(Array.isArray(r)?r.forEach(((r,o)=>{this.appendFormDataValue(t,`${e}[${o}]`,r)})):r instanceof Blob?t.append(e,r):t.append(e,"object"==typeof r?JSON.stringify(r):String(r)))}objectToFormData(t){const e=new FormData;return Object.entries(t).forEach((([t,r])=>{this.appendFormDataValue(e,t,r)})),e}stringifyFormDataValue(t){return"string"==typeof t?t:t.name}formDataToUrlSearchParams(t){const e=new URLSearchParams;return t.forEach(((t,r)=>{e.append(r,this.stringifyFormDataValue(t))})),e}formDataToTextBody(t){return Array.from(t).map((([t,e])=>`${encodeURIComponent(t)}=${encodeURIComponent(this.stringifyFormDataValue(e))}`)).join("\n")}isBodylessMethod(t){return"GET"===t||"HEAD"===t}appendQueryString(t,e){const r=e.toString();if(!r)return t;const o=t.includes("?")?"&":"?";return`${t}${o}${r}`}findFieldByName(t){return Array.from(this.$el.querySelectorAll("input, textarea, select")).find((e=>e.name===t))||null}parseResponseBody(t){return e(this,void 0,void 0,(function*(){try{const e=yield t.json();return e&&"object"==typeof e?e:{success:!1,error:!0,"error-msg":"Некорректный ответ сервера"}}catch(t){return{success:!1,error:!0,"error-msg":"Некорректный ответ сервера"}}}))}handleUnsuccessfulResponse(t){if(!0===t.error&&(t["error-msg"]&&this.showErrorForm(t["error-msg"]),t.errors)){const e=[];t.errors.forEach((t=>{const r=this.findFieldByName(t.name);r?(e.push(r),this.showError(r,t["error-msg"])):console.warn(`Не найдено поле с именем: ${t.name}, для вывода ошибки: ${t["error-msg"]}`)})),!0===this.config.scrollToFirstErroredInput&&this.scrollToFirstErroredInput(e)}}sendData(){return e(this,void 0,void 0,(function*(){var t;const e=this.$el.getAttribute("action")||"",r=(null===(t=this.$el.getAttribute("method"))||void 0===t?void 0:t.toUpperCase())||"POST",o=this.$el.getAttribute("enctype")||"application/x-www-form-urlencoded";let n=null,i={};const s=a(this.$el);let l=this.formDataToObject(s);if(this.config.logging)for(const t of s.keys())console.log(s.get(t));const c="function"==typeof this.config.wrapData;"function"==typeof this.config.wrapData&&(l=this.config.wrapData(l));const d=c?this.objectToFormData(l):s;if(this.isBodylessMethod(r))return fetch(this.appendQueryString(e,this.formDataToUrlSearchParams(d)),{method:r,headers:i});switch(o){case"application/x-www-form-urlencoded":n=this.formDataToUrlSearchParams(d).toString(),i["Content-Type"]="application/x-www-form-urlencoded";break;case"multipart/form-data":n=d;break;case"text/plain":n=this.formDataToTextBody(d),i["Content-Type"]="text/plain";break;case"application/json":n=JSON.stringify(l),i["Content-Type"]="application/json";break;default:console.warn(`Неизвестный enctype: ${o}. Используется application/x-www-form-urlencoded.`),n=this.formDataToUrlSearchParams(d).toString(),i["Content-Type"]="application/x-www-form-urlencoded"}return fetch(e,{method:r,body:n,headers:i})}))}submit(){return e(this,void 0,void 0,(function*(){var t,e,r,o,n,i,s,a;if(!this.waitResponse){!0===this.config.showLoaderButton&&this.showLoader(),null===(e=(t=this.config).onSubmit)||void 0===e||e.call(t,this),this.waitResponse=!0;let c=!1;const d=()=>{c||(this.waitResponse=!1,!0===this.config.showLoaderButton&&this.hideLoader(),c=!0)};try{const t=yield this.sendData(),e=yield this.parseResponseBody(t);d(),null===(o=(r=this.config).onResponse)||void 0===o||o.call(r,e,this),t.ok&&!0===e.success?null===(i=(n=this.config).onResponseSuccess)||void 0===i||i.call(n,e,this):(null===(a=(s=this.config).onResponseUnsuccess)||void 0===a||a.call(s,e,this),this.handleUnsuccessfulResponse(e)),l(e)}catch(t){throw d(),t}}}))}}return t.blockScrollBody=function(){window.lastBlockScrollPosition=window.pageYOffset,document.body.style.top=-window.lastBlockScrollPosition+"px",document.body.classList.add("body--block-scroll")},t.closest=r,t.default=v,t.getAllValidators=function(){return new Map(u)},t.getValidator=p,t.isEmailValid=function(t){return/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu.test(t)},t.isPhoneValid=function(t){const e=[];return Array.from(t).forEach((t=>{(Number(t)||0===Number(t))&&e.push(t)})),!(e.length<11||e.length<12&&"+"===t[1])},t.isUrlValid=s,t.parseCommonResponseProperties=l,t.registerValidator=function(t,e,r,{override:o=!1}={}){!u.has(t)||o?u.set(t,{fn:e,defaultMessage:r}):console.warn(`[FormFather] Validator "${t}" already exists; pass { override: true } to replace`)},t.serializeFormToJSON=function(t){const e={};return new FormData(t).forEach(((t,r)=>{e.hasOwnProperty(r)?(Array.isArray(e[r])||(e[r]=[e[r]]),e[r].push(t)):e[r]=t})),e},t.serializeToFormData=a,t.unblockScrollBody=function(){document.body.classList.remove("body--block-scroll"),document.body.style.top="",window.scrollTo(0,window.lastBlockScrollPosition||0)},Object.defineProperty(t,"__esModule",{value:!0}),t}({});
 //# sourceMappingURL=FormFather.min.js.map

package/dist/index.d.ts

@@ -24,12 +24,75 @@ declare function registerValidator(name: string, fn: ValidatorFn, defaultMessage
 declare const getValidator: (name: string) => Validator | undefined;
 declare function getAllValidators(): Map<string, Validator>;
 
+/**
+ * Находит родительский элемент по заданому селектору.
+ *
+ * @param {HTMLElement | null} $el - Элемент, чего родителя нужно найти.
+ * @param {string} selector - Селектор родителя.
+ *
+ * @returns {HTMLElement | null} Элемент родителя. Но если родителя с таким селектори не было найдено возвращается null.
+ */
+declare function closest($el: HTMLElement | null, selector: string): HTMLElement | null;
+/** Включает блокировку скролла страницы */
+declare function blockScrollBody(): void;
+/** Отменяет блокировку скролла страницы */
+declare function unblockScrollBody(): void;
+/**
+ * Проверяет является ли строка валидным адресом электронной почты.
+ *
+ * @param {string} value - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным адресом электронной почты true/false.
+ */
+declare function isEmailValid(value: string): boolean;
+/**
+ * Проверяет является ли строка валидным url.
+ *
+ * @param {string} originalUrlString - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным url адресом true/false.
+ */
+declare function isUrlValid(originalUrlString: string): boolean;
+/**
+ * Проверяет является ли строка валидным номером телефона.
+ *
+ * @param {string} value - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным номером телефона true/false.
+ */
+declare function isPhoneValid(value: string): boolean;
+/**
+ * Кастомная сериализация формы в объект FormData.
+ *
+ * @param {HTMLElement} $element - DOM элемент для сериализации.
+ *
+ * @returns {FormData} Сериализованные данные формы в объекте FormData.
+ */
+declare function serializeToFormData($element: HTMLElement): FormData;
+/**
+ * Функция для разбора общих свойств ответа.
+ *
+ * @param {any} responseBody - Тело ответа.
+ */
+declare function parseCommonResponseProperties(responseBody: any): void;
+/**
+ * Сериализует данные формы в объект JSON.
+ *
+ * @param {HTMLFormElement} form - Элемент формы.
+ *
+ * @returns {Object} Сериализованные данные формы.
+ */
+declare function serializeFormToJSON(form: HTMLFormElement): {
+    [key: string]: any;
+};
+
+type ValidationRule = string | {
+    rule: string;
+    params?: any;
+};
 type ValidationSchema = Record<string, {
-    rules: (string | {
-        rule: string;
-        params?: any;
-    })[];
-    selector: string;
+    rules: ValidationRule[];
+    selector?: string;
     messages?: Record<string, string>;
 }>;
 /** Параметры формы. */
@@ -59,21 +122,21 @@ interface FormOptions {
      * @param responseBody - Тело ответа.
      * @param formInstance - Инстанс формы.
      */
-    onResponse?: (responseBody: any, formInstance: Form) => void;
+    onResponse?: (responseBody: ResponseBody, formInstance: Form) => void;
     /**
-     * Функция обратного вызова. Запускается после ответа сервера 200.
+     * Функция обратного вызова. Запускается после успешного HTTP-ответа и `success: true`.
      *
      * @param responseBody - Тело ответа.
      * @param formInstance - Инстанс формы.
      */
-    onResponseSuccess?: (responseBody: any, formInstance: Form) => void;
+    onResponseSuccess?: (responseBody: ResponseBody, formInstance: Form) => void;
     /**
-     * Функция обратного вызова. Запускается после ответа сервера не 200.
+     * Функция обратного вызова. Запускается после неуспешного HTTP-ответа или `success !== true`.
      *
      * @param responseBody - Тело ответа.
      * @param formInstance - Инстанс формы.
      */
-    onResponseUnsuccess?: (responseBody: any, formInstance: Form) => void;
+    onResponseUnsuccess?: (responseBody: ResponseBody, formInstance: Form) => void;
     /** Нужно ли показывать loader в кнопке. По умолчанию `true`. */
     showLoaderButton?: boolean;
     /** Нужно ли проскроливать до первого по порядку элемента с ошибкой. По умолчанию `true`. */
@@ -96,6 +159,17 @@ interface FormOptions {
     /** Схема валидации: поле → массив правил + override-сообщения */
     validationSchema?: ValidationSchema;
 }
+interface ErrorResponse {
+    name: string;
+    'error-msg': string;
+}
+interface ResponseBody {
+    [key: string]: any;
+    success?: boolean;
+    error?: boolean;
+    'error-msg'?: string;
+    errors?: ErrorResponse[];
+}
 /**
  * Реализует форму отправки данных.
  *
@@ -120,7 +194,7 @@ declare class Form {
      * @param {HTMLElement} $el - Элемент формы (тег form!).
      * @param {Object} options - Параметры формы.
      */
-    constructor($el: HTMLElement, options: FormOptions);
+    constructor($el: HTMLElement, options?: FormOptions);
     getOptions(): FormOptions;
     /**
      * Обновляет параметры по умолчанию для настроек формы. Метод объединяет переданные параметры с уже существующими
@@ -197,8 +271,19 @@ declare class Form {
      * @returns {boolean} Корректны данные или нет (true/false).
      */
     private isCorrectArguments;
+    private formDataToObject;
+    private appendFormDataValue;
+    private objectToFormData;
+    private stringifyFormDataValue;
+    private formDataToUrlSearchParams;
+    private formDataToTextBody;
+    private isBodylessMethod;
+    private appendQueryString;
+    private findFieldByName;
+    private parseResponseBody;
+    private handleUnsuccessfulResponse;
     private sendData;
     private submit;
 }
 
-export { type ValidatorEffectCtx, type ValidatorResult, Form as default, getAllValidators, getValidator, registerValidator };
+export { type ErrorResponse, type FormOptions, type ResponseBody, type ValidationRule, type ValidationSchema, type ValidatorEffectCtx, type ValidatorResult, blockScrollBody, closest, Form as default, getAllValidators, getValidator, isEmailValid, isPhoneValid, isUrlValid, parseCommonResponseProperties, registerValidator, serializeFormToJSON, serializeToFormData, unblockScrollBody };

package/dist/index.js

@@ -73,6 +73,28 @@ function closest($el, selector) {
     }
     return null;
 }
+/** Включает блокировку скролла страницы */
+function blockScrollBody() {
+    window.lastBlockScrollPosition = window.pageYOffset;
+    document.body.style.top = `${-window.lastBlockScrollPosition}px`;
+    document.body.classList.add('body--block-scroll');
+}
+/** Отменяет блокировку скролла страницы */
+function unblockScrollBody() {
+    document.body.classList.remove('body--block-scroll');
+    document.body.style.top = '';
+    window.scrollTo(0, window.lastBlockScrollPosition || 0);
+}
+/**
+ * Проверяет является ли строка валидным адресом электронной почты.
+ *
+ * @param {string} value - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным адресом электронной почты true/false.
+ */
+function isEmailValid(value) {
+    return /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu.test(value);
+}
 const HTTP_PROTOCOLS = ['http:', 'https:'];
 function getNormalizedUrlString(originalUrlString) {
     const trimmedUrl = originalUrlString.trim();
@@ -131,6 +153,23 @@ function isUrlValid(originalUrlString) {
         return false;
     }
 }
+/**
+ * Проверяет является ли строка валидным номером телефона.
+ *
+ * @param {string} value - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным номером телефона true/false.
+ */
+function isPhoneValid(value) {
+    const numbersArray = [];
+    Array.from(value).forEach(char => {
+        if (!!Number(char) || Number(char) === 0)
+            numbersArray.push(char);
+    });
+    if (numbersArray.length < 11 || (numbersArray.length < 12 && value[1] === '+'))
+        return false;
+    return true;
+}
 /**
  * Кастомная сериализация формы в объект FormData.
  *
@@ -150,12 +189,15 @@ function serializeToFormData($element) {
             element instanceof HTMLButtonElement)) {
             return;
         }
-        if (!element.name || element.hasAttribute('data-no-serialize')) {
+        if (!element.name || element.disabled || element.hasAttribute('data-no-serialize')) {
+            return;
+        }
+        if (element instanceof HTMLButtonElement) {
             return;
         }
         const { name, type } = element;
         if (type === 'file') {
-            if (element.getAttribute('multiple') === 'true') {
+            if (element.multiple) {
                 const files = element.files;
                 if (files) {
                     for (let i = 0; i < files.length; i++) {
@@ -257,6 +299,29 @@ function parseCommonResponseProperties(responseBody) {
         }
     }
 }
+/**
+ * Сериализует данные формы в объект JSON.
+ *
+ * @param {HTMLFormElement} form - Элемент формы.
+ *
+ * @returns {Object} Сериализованные данные формы.
+ */
+function serializeFormToJSON(form) {
+    const obj = {};
+    const formData = new FormData(form);
+    formData.forEach((value, key) => {
+        if (obj.hasOwnProperty(key)) {
+            if (!Array.isArray(obj[key])) {
+                obj[key] = [obj[key]];
+            }
+            obj[key].push(value);
+        }
+        else {
+            obj[key] = value;
+        }
+    });
+    return obj;
+}
 
 var _a$1;
 /* ---------- singleton-storage на globalThis ---------- */
@@ -275,7 +340,12 @@ function getAllValidators() {
     return new Map(validators); // копию, чтобы никто не мутировал оригинал
 }
 /* ---------- built-in rules ---------- */
-registerValidator('required', (value, $input, $form) => {
+function registerBuiltinValidator(name, fn, defaultMessage) {
+    if (!validators.has(name)) {
+        validators.set(name, { fn, defaultMessage });
+    }
+}
+registerBuiltinValidator('required', (value, $input, $form) => {
     if ($input && $input.type) {
         if ($input.type === 'checkbox') {
             return $input.checked;
@@ -288,10 +358,10 @@ registerValidator('required', (value, $input, $form) => {
     // fallback — если нет $input (например, в unit-тестах)
     return value.trim().length > 0;
 }, 'Пустое значение');
-registerValidator('email', v => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v), 'Неверный формат');
-registerValidator('tel', v => /^\+7\d{10}$/.test(v), 'Неверный формат');
-registerValidator('url', v => isUrlValid(v), 'Неверный формат');
-registerValidator('not-numbers', v => !/[0-9]/.test(v), 'Неверный формат');
+registerBuiltinValidator('email', v => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v), 'Неверный формат');
+registerBuiltinValidator('tel', v => /^\+7\d{10}$/.test(v), 'Неверный формат');
+registerBuiltinValidator('url', v => isUrlValid(v), 'Неверный формат');
+registerBuiltinValidator('not-numbers', v => !/[0-9]/.test(v), 'Неверный формат');
 
 var _a;
 // --- shared cross-file state (singleton via globalThis) ---
@@ -353,7 +423,7 @@ class Form {
      * @param {HTMLElement} $el - Элемент формы (тег form!).
      * @param {Object} options - Параметры формы.
      */
-    constructor($el, options) {
+    constructor($el, options = {}) {
         this.$submits = [];
         this.waitResponse = false;
         this.inputs = null;
@@ -418,20 +488,10 @@ class Form {
         this.defaultParams = Object.assign(Object.assign({}, this.defaultParams), params);
     }
     findSubmitElements() {
-        return Array.from(this.$el.querySelectorAll('input[type="submit"], button[type="submit"]'));
+        return Array.from(this.$el.querySelectorAll('input[type="submit"], input[type="image"], button[type="submit"], button:not([type])'));
     }
     initialization() {
         this.inputs = this.$el.querySelectorAll(this.config.inputSelector);
-        /* TODO: Добавить параметр с возможностью отключать/включать кнопку, в зависимости от валидности поля. */
-        // this.$licensesCheckbox = this.$el.querySelector('input[data-input-name="user-consent"]') as HTMLInputElement;
-        // if (this.$licensesCheckbox) {
-        // 	if (this.$licensesCheckbox.checked) this.enableSubmit();
-        // 	else this.disableSubmit();
-        // 	this.$licensesCheckbox.addEventListener('change', () => {
-        // 		if (this.$licensesCheckbox!.checked) this.enableSubmit();
-        // 		else this.disableSubmit();
-        // 	});
-        // }
         this._onSubmitHandler = (e) => __awaiter(this, void 0, void 0, function* () {
             var _a, _b, _c, _d;
             e.preventDefault();
@@ -450,7 +510,26 @@ class Form {
      * @param {String} text - Текст ошибки.
      */
     showError($input, text) {
-        closest($input, this.config.inputWrapperSelector).showError(text);
+        const $inputWrapper = closest($input, this.config.inputWrapperSelector);
+        if (!$inputWrapper) {
+            console.warn(`Не найдена обёртка для поля с именем: ${$input.name || $input.type}`);
+            return;
+        }
+        const customShowError = $inputWrapper.showError;
+        if (typeof customShowError === 'function') {
+            customShowError.call($inputWrapper, text);
+            return;
+        }
+        $input.setAttribute('aria-invalid', 'true');
+        $inputWrapper.classList.add('input__wrapper--error');
+        let $error = $inputWrapper.querySelector('[data-form-father-error]');
+        if (!$error) {
+            $error = document.createElement('div');
+            $error.setAttribute('data-form-father-error', '');
+            $error.setAttribute('role', 'alert');
+            $input.insertAdjacentElement('afterend', $error);
+        }
+        $error.textContent = text;
     }
     /** Показывает лоадер */
     showLoader() {
@@ -505,10 +584,13 @@ class Form {
      * @param {HTMLInputElement} $input - Поле ввода.
      */
     hideError($input) {
-        const $inputWrapper = $input.parentElement;
+        var _a;
+        const $inputWrapper = closest($input, this.config.inputWrapperSelector) || $input.parentElement;
+        $input.removeAttribute('aria-invalid');
+        (_a = $inputWrapper === null || $inputWrapper === void 0 ? void 0 : $inputWrapper.querySelector('[data-form-father-error]')) === null || _a === void 0 ? void 0 : _a.remove();
+        $inputWrapper === null || $inputWrapper === void 0 ? void 0 : $inputWrapper.classList.remove('input__wrapper--error');
         if ($inputWrapper && $inputWrapper.classList.contains('input__wrapper')) {
             $inputWrapper.getAttribute('data-type-error') || 'default';
-            $inputWrapper.classList.remove('input__wrapper--error');
         }
     }
     /**
@@ -575,7 +657,10 @@ class Form {
                     .split(',')
                     .map(s => s.trim())
                     .filter(Boolean);
-                list.push(...custom); // 3
+                list.push(...custom.map(ruleString => {
+                    const [rule, ...params] = ruleString.split(':').map(s => s.trim());
+                    return params.length > 0 ? { rule, params: params.length === 1 ? params[0] : params } : rule;
+                })); // 3
                 /* —–– предварительная фильтрация unknown ––– */
                 const filtered = [];
                 for (const r of list) {
@@ -591,7 +676,8 @@ class Form {
                 if ($input.hasAttribute('data-no-validate'))
                     return;
                 const empty = $input.type === 'checkbox' || $input.type === 'radio' ? !$input.checked : $input.value.trim().length === 0;
-                if (empty && !rules.includes('required')) {
+                const hasRequiredRule = rules.some(r => (typeof r === 'string' ? r === 'required' : r.rule === 'required'));
+                if (empty && !hasRequiredRule) {
                     this.hideError($input);
                     return;
                 }
@@ -625,6 +711,11 @@ class Form {
                 }
                 this.hideError($input);
             });
+            const getRadioGroup = ($input) => {
+                if ($input.type !== 'radio' || !$input.name)
+                    return [];
+                return Array.from($block.querySelectorAll('input[type="radio"]')).filter($radio => $radio.name === $input.name);
+            };
             /* ---------- 1. inputs из schema (config + defaults) ---------- */
             for (const [key, def] of Object.entries(schema)) {
                 const { selector, rules = [], messages = {} } = def;
@@ -634,6 +725,12 @@ class Form {
                 for (const $input of Array.from(nodeList)) {
                     if (processed.has($input))
                         continue;
+                    const radioGroup = getRadioGroup($input);
+                    if (radioGroup.length > 0) {
+                        radioGroup.forEach($radio => processed.add($radio));
+                        yield validateInput($input, collectRules($input, rules), messages);
+                        continue;
+                    }
                     processed.add($input);
                     yield validateInput($input, collectRules($input, rules), messages);
                 }
@@ -689,8 +786,8 @@ class Form {
     _cancelAnimations(el) {
         var _a;
         // Отменяем все активные WAAPI-анимации у элемента
-        // @ts-ignore
-        (_a = el === null || el === void 0 ? void 0 : el.getAnimations) === null || _a === void 0 ? void 0 : _a.call(el).forEach((a) => a.cancel());
+        const animatedEl = el;
+        (_a = animatedEl === null || animatedEl === void 0 ? void 0 : animatedEl.getAnimations) === null || _a === void 0 ? void 0 : _a.call(animatedEl).forEach(animation => animation.cancel());
     }
     /**
      * Показывает ошибку под полями ввода - ошибку, относящуюся ко всей форме.
@@ -702,7 +799,7 @@ class Form {
         const inputWrappersList = this.$el.querySelectorAll(this.config.inputWrapperSelector);
         const $lastInputWrapper = inputWrappersList[inputWrappersList.length - 1];
         let $errorWrapper = this.$el.querySelector('.error-block-under-input__wrapper');
-        if (!$errorWrapper || !($lastInputWrapper.nextElementSibling === $errorWrapper)) {
+        if (!$errorWrapper || ($lastInputWrapper && !($lastInputWrapper.nextElementSibling === $errorWrapper))) {
             $errorWrapper = document.createElement('div');
             $errorWrapper.className = 'error-block-under-input__wrapper';
             $errorWrapper.innerHTML = `
@@ -725,7 +822,12 @@ class Form {
                 paddingTop: '0px',
                 opacity: '0',
             });
-            $lastInputWrapper.insertAdjacentElement('afterend', $errorWrapper);
+            if ($lastInputWrapper) {
+                $lastInputWrapper.insertAdjacentElement('afterend', $errorWrapper);
+            }
+            else {
+                this.$el.appendChild($errorWrapper);
+            }
         }
         else {
             // убедимся, что нужные стартовые inline-стили есть
@@ -740,7 +842,6 @@ class Form {
         // Сброс success-класса, если он устанавливался где-то в другом коде
         (_a = $errorWrapper.querySelector('.error-block-under-input')) === null || _a === void 0 ? void 0 : _a.classList.remove('error-block-under-input--success');
         // Посчитать целевую высоту
-        $errorWrapper.querySelector('.error-block-under-input');
         // Чтобы корректно мерить, временно выставим auto
         const prevHeight = $errorWrapper.style.height;
         const prevPadding = $errorWrapper.style.paddingTop;
@@ -793,7 +894,7 @@ class Form {
     hideErrorForm() {
         const inputWrappersList = this.$el.querySelectorAll(this.config.inputWrapperSelector);
         const $lastInputWrapper = inputWrappersList[inputWrappersList.length - 1];
-        const $errorWrapper = $lastInputWrapper.nextElementSibling;
+        const $errorWrapper = (($lastInputWrapper === null || $lastInputWrapper === void 0 ? void 0 : $lastInputWrapper.nextElementSibling) || this.$el.querySelector('.error-block-under-input__wrapper'));
         if (!$errorWrapper || !$errorWrapper.classList.contains('error-block-under-input__wrapper'))
             return;
         // Текущая высота (если была auto) — измерим и зафиксируем
@@ -874,11 +975,8 @@ class Form {
                 btnLoader.remove();
         });
         // 4) Сбросить ошибки у инпутов (если разметка позволяет)
-        const inputs = this.$el.querySelectorAll('input, textarea');
-        inputs.forEach($i => {
-            if ($i instanceof HTMLInputElement)
-                this.hideError($i);
-        });
+        const inputs = this.$el.querySelectorAll('input, textarea, select');
+        inputs.forEach($i => this.hideError($i));
         // 5) Убрать возможный флаг скролла
         document.documentElement.removeAttribute('data-now-scrolling');
         // 6) Очистить ссылки на элементы, чтобы помочь GC
@@ -902,6 +1000,115 @@ class Form {
         }
         return true;
     }
+    formDataToObject(formData) {
+        const data = {};
+        formData.forEach((value, key) => {
+            if (Object.prototype.hasOwnProperty.call(data, key)) {
+                if (!Array.isArray(data[key])) {
+                    data[key] = [data[key]];
+                }
+                data[key].push(value);
+            }
+            else {
+                data[key] = value;
+            }
+        });
+        return data;
+    }
+    appendFormDataValue(formData, key, value) {
+        if (value === undefined || value === null)
+            return;
+        if (Array.isArray(value)) {
+            value.forEach((item, index) => {
+                this.appendFormDataValue(formData, `${key}[${index}]`, item);
+            });
+            return;
+        }
+        if (value instanceof Blob) {
+            formData.append(key, value);
+            return;
+        }
+        formData.append(key, typeof value === 'object' ? JSON.stringify(value) : String(value));
+    }
+    objectToFormData(data) {
+        const formData = new FormData();
+        Object.entries(data).forEach(([key, value]) => {
+            this.appendFormDataValue(formData, key, value);
+        });
+        return formData;
+    }
+    stringifyFormDataValue(value) {
+        return typeof value === 'string' ? value : value.name;
+    }
+    formDataToUrlSearchParams(formData) {
+        const params = new URLSearchParams();
+        formData.forEach((value, key) => {
+            params.append(key, this.stringifyFormDataValue(value));
+        });
+        return params;
+    }
+    formDataToTextBody(formData) {
+        return Array.from(formData)
+            .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(this.stringifyFormDataValue(value))}`)
+            .join('\n');
+    }
+    isBodylessMethod(method) {
+        return method === 'GET' || method === 'HEAD';
+    }
+    appendQueryString(action, params) {
+        const query = params.toString();
+        if (!query)
+            return action;
+        const separator = action.includes('?') ? '&' : '?';
+        return `${action}${separator}${query}`;
+    }
+    findFieldByName(name) {
+        const fields = Array.from(this.$el.querySelectorAll('input, textarea, select'));
+        return fields.find($field => $field.name === name) || null;
+    }
+    parseResponseBody(response) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const responseBody = yield response.json();
+                return responseBody && typeof responseBody === 'object'
+                    ? responseBody
+                    : {
+                        success: false,
+                        error: true,
+                        'error-msg': 'Некорректный ответ сервера',
+                    };
+            }
+            catch (_a) {
+                return {
+                    success: false,
+                    error: true,
+                    'error-msg': 'Некорректный ответ сервера',
+                };
+            }
+        });
+    }
+    handleUnsuccessfulResponse(responseBody) {
+        if (responseBody.error !== true)
+            return;
+        if (responseBody['error-msg']) {
+            this.showErrorForm(responseBody['error-msg']);
+        }
+        if (responseBody.errors) {
+            const fieldsList = [];
+            responseBody.errors.forEach(error => {
+                const $field = this.findFieldByName(error.name);
+                if ($field) {
+                    fieldsList.push($field);
+                    this.showError($field, error['error-msg']);
+                }
+                else {
+                    console.warn(`Не найдено поле с именем: ${error.name}, для вывода ошибки: ${error['error-msg']}`);
+                }
+            });
+            if (this.config.scrollToFirstErroredInput === true)
+                this.scrollToFirstErroredInput(fieldsList);
+        }
+    }
     sendData() {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;
@@ -912,31 +1119,34 @@ class Form {
             let headers = {};
             // Сбор данных из формы
             const formData = serializeToFormData(this.$el);
-            let data = {};
-            formData.forEach((value, key) => {
-                data[key] = value;
-            });
+            let data = this.formDataToObject(formData);
             if (this.config.logging) {
                 for (const key of formData.keys())
                     console.log(formData.get(key));
             }
             // Применение обёртки, если указано в настройках
+            const hasDataWrapper = typeof this.config.wrapData === 'function';
             if (typeof this.config.wrapData === 'function') {
                 data = this.config.wrapData(data);
             }
+            const requestFormData = hasDataWrapper ? this.objectToFormData(data) : formData;
+            if (this.isBodylessMethod(method)) {
+                return fetch(this.appendQueryString(action, this.formDataToUrlSearchParams(requestFormData)), {
+                    method,
+                    headers,
+                });
+            }
             switch (enctype) {
                 case 'application/x-www-form-urlencoded':
-                    body = new URLSearchParams(serializeToFormData(this.$el)).toString();
+                    body = this.formDataToUrlSearchParams(requestFormData).toString();
                     headers['Content-Type'] = 'application/x-www-form-urlencoded';
                     break;
                 case 'multipart/form-data':
-                    body = serializeToFormData(this.$el);
+                    body = requestFormData;
                     // ВАЖНО: Не указываем Content-Type, т.к. браузер сам добавит с корректной границей!
                     break;
                 case 'text/plain':
-                    body = Array.from(serializeToFormData(this.$el))
-                        .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
-                        .join('\n');
+                    body = this.formDataToTextBody(requestFormData);
                     headers['Content-Type'] = 'text/plain';
                     break;
                 case 'application/json':
@@ -945,7 +1155,7 @@ class Form {
                     break;
                 default:
                     console.warn(`Неизвестный enctype: ${enctype}. Используется application/x-www-form-urlencoded.`);
-                    body = new URLSearchParams(serializeToFormData(this.$el)).toString();
+                    body = this.formDataToUrlSearchParams(requestFormData).toString();
                     headers['Content-Type'] = 'application/x-www-form-urlencoded';
             }
             return fetch(action, {
@@ -963,45 +1173,37 @@ class Form {
                     this.showLoader();
                 (_b = (_a = this.config).onSubmit) === null || _b === void 0 ? void 0 : _b.call(_a, this);
                 this.waitResponse = true;
-                const response = yield this.sendData();
-                const responseBody = yield response.json();
-                this.waitResponse = false;
-                if (this.config.showLoaderButton === true)
-                    this.hideLoader();
-                (_d = (_c = this.config).onResponse) === null || _d === void 0 ? void 0 : _d.call(_c, responseBody, this);
-                if (response.status === 200) {
-                    if (responseBody.success === true) {
+                let loadingFinished = false;
+                const finishLoading = () => {
+                    if (loadingFinished)
+                        return;
+                    this.waitResponse = false;
+                    if (this.config.showLoaderButton === true)
+                        this.hideLoader();
+                    loadingFinished = true;
+                };
+                try {
+                    const response = yield this.sendData();
+                    const responseBody = yield this.parseResponseBody(response);
+                    finishLoading();
+                    (_d = (_c = this.config).onResponse) === null || _d === void 0 ? void 0 : _d.call(_c, responseBody, this);
+                    if (response.ok && responseBody.success === true) {
                         (_f = (_e = this.config).onResponseSuccess) === null || _f === void 0 ? void 0 : _f.call(_e, responseBody, this);
                     }
                     else {
                         (_h = (_g = this.config).onResponseUnsuccess) === null || _h === void 0 ? void 0 : _h.call(_g, responseBody, this);
-                        if (responseBody.error === true) {
-                            if (responseBody['error-msg']) {
-                                this.showErrorForm(responseBody['error-msg']);
-                            }
-                            if (responseBody.errors) {
-                                const inputsList = [];
-                                responseBody.errors.forEach(error => {
-                                    const $input = this.$el.querySelector(`input[name="${error.name}"]`);
-                                    if ($input) {
-                                        inputsList.push($input);
-                                        this.showError($input, error['error-msg']);
-                                    }
-                                    else {
-                                        console.warn(`Не найдено поле с именем: ${error.name}, для вывода ошибки: ${error['error-msg']}`);
-                                    }
-                                });
-                                if (this.config.scrollToFirstErroredInput === true)
-                                    this.scrollToFirstErroredInput(inputsList);
-                            }
-                        }
+                        this.handleUnsuccessfulResponse(responseBody);
                     }
                     parseCommonResponseProperties(responseBody);
                 }
+                catch (error) {
+                    finishLoading();
+                    throw error;
+                }
             }
         });
     }
 }
 
-export { Form as default, getAllValidators, getValidator, registerValidator };
+export { blockScrollBody, closest, Form as default, getAllValidators, getValidator, isEmailValid, isPhoneValid, isUrlValid, parseCommonResponseProperties, registerValidator, serializeFormToJSON, serializeToFormData, unblockScrollBody };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/index.d.ts

@@ -1,14 +1,16 @@
 export * from './validators';
-type ValidationSchema = Record<string, {
-    rules: (string | {
-        rule: string;
-        params?: any;
-    })[];
-    selector: string;
+export { serializeToFormData, isEmailValid, isUrlValid, parseCommonResponseProperties, closest, isPhoneValid, blockScrollBody, unblockScrollBody, serializeFormToJSON, } from './helpers';
+export type ValidationRule = string | {
+    rule: string;
+    params?: any;
+};
+export type ValidationSchema = Record<string, {
+    rules: ValidationRule[];
+    selector?: string;
     messages?: Record<string, string>;
 }>;
 /** Параметры формы. */
-interface FormOptions {
+export interface FormOptions {
     /**
      * Функция обратного вызова. Запускается, перед началом валидации формы.
      *
@@ -34,21 +36,21 @@ interface FormOptions {
      * @param responseBody - Тело ответа.
      * @param formInstance - Инстанс формы.
      */
-    onResponse?: (responseBody: any, formInstance: Form) => void;
+    onResponse?: (responseBody: ResponseBody, formInstance: Form) => void;
     /**
-     * Функция обратного вызова. Запускается после ответа сервера 200.
+     * Функция обратного вызова. Запускается после успешного HTTP-ответа и `success: true`.
      *
      * @param responseBody - Тело ответа.
      * @param formInstance - Инстанс формы.
      */
-    onResponseSuccess?: (responseBody: any, formInstance: Form) => void;
+    onResponseSuccess?: (responseBody: ResponseBody, formInstance: Form) => void;
     /**
-     * Функция обратного вызова. Запускается после ответа сервера не 200.
+     * Функция обратного вызова. Запускается после неуспешного HTTP-ответа или `success !== true`.
      *
      * @param responseBody - Тело ответа.
      * @param formInstance - Инстанс формы.
      */
-    onResponseUnsuccess?: (responseBody: any, formInstance: Form) => void;
+    onResponseUnsuccess?: (responseBody: ResponseBody, formInstance: Form) => void;
     /** Нужно ли показывать loader в кнопке. По умолчанию `true`. */
     showLoaderButton?: boolean;
     /** Нужно ли проскроливать до первого по порядку элемента с ошибкой. По умолчанию `true`. */
@@ -71,6 +73,17 @@ interface FormOptions {
     /** Схема валидации: поле → массив правил + override-сообщения */
     validationSchema?: ValidationSchema;
 }
+export interface ErrorResponse {
+    name: string;
+    'error-msg': string;
+}
+export interface ResponseBody {
+    [key: string]: any;
+    success?: boolean;
+    error?: boolean;
+    'error-msg'?: string;
+    errors?: ErrorResponse[];
+}
 /**
  * Реализует форму отправки данных.
  *
@@ -95,7 +108,7 @@ export default class Form {
      * @param {HTMLElement} $el - Элемент формы (тег form!).
      * @param {Object} options - Параметры формы.
      */
-    constructor($el: HTMLElement, options: FormOptions);
+    constructor($el: HTMLElement, options?: FormOptions);
     getOptions(): FormOptions;
     /**
      * Обновляет параметры по умолчанию для настроек формы. Метод объединяет переданные параметры с уже существующими
@@ -172,6 +185,17 @@ export default class Form {
      * @returns {boolean} Корректны данные или нет (true/false).
      */
     private isCorrectArguments;
+    private formDataToObject;
+    private appendFormDataValue;
+    private objectToFormData;
+    private stringifyFormDataValue;
+    private formDataToUrlSearchParams;
+    private formDataToTextBody;
+    private isBodylessMethod;
+    private appendQueryString;
+    private findFieldByName;
+    private parseResponseBody;
+    private handleUnsuccessfulResponse;
     private sendData;
     private submit;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "form-father",
-	"version": "0.2.9",
+	"version": "0.2.10",
 	"description": "Form Father: Библиотека для обработки форм",
 	"type": "module",
 	"files": ["dist", "README.md", "LICENSE", "RESPONSE_API.md"],