form-father 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Poliklot
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,82 @@
+# Form Father
+
+[![npm version](https://img.shields.io/npm/v/form-father)](https://www.npmjs.com/package/form-father)
+[![npm downloads](https://img.shields.io/npm/dm/form-father)](https://www.npmjs.com/package/form-father)
+
+- [🇬🇧 English documentation](https://github.com/Poliklot/form-father/blob/master/docs/en/README.md)
+
+**Form Father** — это библиотека для обработки форм на чистом JavaScript, обеспечивающая удобную валидацию и отправку
+форм с использованием TypeScript.
+
+## Установка
+
+Установите библиотеку с помощью npm:
+
+```bash
+npm install form-father
+```
+
+## Использование
+
+```javascript
+import Form from 'form-father';
+
+const formElement = document.querySelector('#myForm');
+const options = {
+	onSubmit: formInstance => {
+		// Действия при отправке формы
+	},
+	onResponse: (responseBody, formInstance) => {
+		// Действия при получении ответа от сервера
+	},
+	// Другие опции...
+};
+
+const form = new Form(formElement, options);
+```
+
+## Опции
+
+- **onSubmit**: Функция обратного вызова, вызываемая при отправке формы.
+- **onResponse**: Функция обратного вызова при получении ответа от сервера.
+- **onResponseSuccess**: Функция вызывается при успешном ответе сервера (статус 200).
+- **onResponseUnsuccess**: Функция вызывается при неуспешном ответе сервера (статус не 200).
+- **showLoaderButton**: Показывать ли лоадер в кнопке отправки. По умолчанию `true`.
+- **scrollToFirstErroredInput**: Прокручивать ли к первому полю с ошибкой. По умолчанию `true`.
+- **customTypeError**: Кастомный тип ошибки.
+- **loaderColor**: Цвет лоадера в кнопке отправки.
+
+## Методы
+
+- **clearInputs()**: Очищает все поля ввода формы.
+
+## Хелперы
+
+Библиотека предоставляет ряд вспомогательных функций:
+
+- **serializeToFormData($element)**: Сериализует данные формы в объект `FormData`.
+- **isEmailValid(value)**: Проверяет, является ли строка валидным адресом электронной почты.
+- **isUrlValid(value)**: Проверяет, является ли строка валидным URL.
+- **isPhoneValid(value)**: Проверяет, является ли строка валидным номером телефона.
+- **closest($el, selector)**: Находит ближайший родительский элемент по заданному селектору.
+- **blockScrollBody()**: Блокирует прокрутку страницы.
+- **unblockScrollBody()**: Разблокирует прокрутку страницы.
+- **parseCommonResponseProperties(responseBody)**: Обрабатывает общие свойства ответа сервера.
+
+## Сборка и разработка
+
+Для сборки проекта используется **Rollup**. Основные команды:
+
+- **npm run build**: Сборка проекта.
+- **npm run watch**: Сборка в режиме наблюдения.
+- **npm run demos**: Запуск демо-версии с использованием Vite.
+
+## Вклад
+
+Будем рады вашим предложениям и улучшениям! Пожалуйста, создавайте
+[issues](https://github.com/poliklot/form-father/issues) и отправляйте
+[pull requests](https://github.com/poliklot/form-father/pulls).
+
+## Лицензия
+
+[MIT](LICENSE)

package/dist/FormFather.min.js

@@ -0,0 +1,2 @@
+var FormFather=function(){"use strict";function t(t,e,r,n){return new(r||(r=Promise))((function(o,s){function i(t){try{c(n.next(t))}catch(t){s(t)}}function l(t){try{c(n.throw(t))}catch(t){s(t)}}function c(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(i,l)}c((n=n.apply(t,e||[])).next())}))}function e(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.hasAttribute("data-no-serialize"))return;const{name:e,type:n}=t;if("file"===n)if("true"===t.getAttribute("multiple")){const n=t.files;if(n)for(let t=0;t<n.length;t++)r.append(`${e}[${t}]`,n[t])}else{const n=t.files;n&&n[0]&&r.append(e,n[0])}else{let o;if("tel"===n)o=t.value.split(/[\s()-]/).join("").replace(/^8/,"+7");else if("checkbox"===n||"radio"===n){if(!t.checked)return;o=t.value}else if("date"===n){const e=t.getAttribute("data-date-format");o=e?function(t,e){const r=new Date(t),n=t=>t.toString().padStart(2,"0"),o=n(r.getDate()),s=n(r.getMonth()+1),i=r.getFullYear().toString();return e.replace("dd",o).replace("mm",s).replace("yyyy",i)}(t.value,e):t.value}else o=t.value;r.append(e,o)}})),r}"function"==typeof SuppressedError&&SuppressedError;return class{constructor(t,e){this.$submit=null,this.waitResponse=!1,this.inputs=null,this.$licensesCheckbox=null,this.$el=t,this.options=e;this.config=Object.assign({},{onSubmit:()=>{},onResponse:()=>{},onResponseSuccess:()=>{},onResponseUnsuccess:()=>{},customTypeError:null,loaderColor:"#fff",showLoaderButton:!0,scrollToFirstErroredInput:!0},this.options),this.$el?(this.$submit=this.$el.querySelector('input[type="submit"], button[type="submit"]'),this.isCorrectArguments()&&this.initialization()):console.warn("Empty $el")}initialization(){this.inputs=this.$el.querySelectorAll(".input"),this.$licensesCheckbox=this.$el.querySelector('input[data-input-name="user-consent"]'),this.$licensesCheckbox&&(this.$licensesCheckbox.checked?this.enableSubmit():this.disableSubmit(),this.$licensesCheckbox.addEventListener("change",(()=>{this.$licensesCheckbox.checked?this.enableSubmit():this.disableSubmit()})));const r=e=>t(this,void 0,void 0,(function*(){return fetch(this.$el.getAttribute("action")||"",{method:"POST",body:e})})),n=()=>t(this,void 0,void 0,(function*(){var t,n,o,s,i,l,c,a;if(!this.waitResponse){const u=e(this.$el);!0===this.config.showLoaderButton&&this.showLoader(),null===(n=(t=this.config).onSubmit)||void 0===n||n.call(t,this),this.waitResponse=!0;const h=yield r(u),d=yield h.json();if(this.waitResponse=!1,!0===this.config.showLoaderButton&&this.hideLoader(),null===(s=(o=this.config).onResponse)||void 0===s||s.call(o,d,this),200===h.status)if(function(t){if(Object.prototype.hasOwnProperty.call(t,"redirect-url")&&(window.location.href=t["redirect-url"]),Object.prototype.hasOwnProperty.call(t,"reload")&&!0===t.reload&&window.location.reload(),Object.prototype.hasOwnProperty.call(t,"error-toast")){const e=document.querySelector('[data-toast-name="formErrorToast"]');if(e){const r=e.querySelector(".toast__text");r&&(r.textContent=t["error-toast"],window.Toast.showToast("formErrorToast",{removeAfterClose:!1}))}}}(d),!0===d.success)null===(l=(i=this.config).onResponseSuccess)||void 0===l||l.call(i,d,this);else if(null===(a=(c=this.config).onResponseUnsuccess)||void 0===a||a.call(c,d,this),!0===d.error&&(d["error-msg"]&&this.showErrorForm(d["error-msg"]),d.errors)){const t=[];d.errors.forEach((e=>{const r=this.$el.querySelector(`input[name="${e.name}"]`);r?(t.push(r),this.showError(r,e["error-msg"])):console.warn(`Не найдено поле с именем: ${e.name}, для вывода ошибки: ${e["error-msg"]}`)})),!0===this.config.scrollToFirstErroredInput&&this.scrollToFirstErroredInput(t)}}}));this.$el.addEventListener("submit",(t=>{t.preventDefault(),this.checkInputs()&&(!this.$licensesCheckbox||this.$licensesCheckbox&&this.$licensesCheckbox.checked)&&n()}))}showError(t,e){(function(t,e){if(null==t)return null;let r=t;for(;r;){if(r.matches(e))return r;r=r.parentElement}return null})(t,"input-primary").showError(e)}showLoader(){var t;const e=`\n\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<defs>\n\t\t\t\t<linearGradient id="a" x1="8.042%" x2="65.682%" y1="0%" y2="23.865%">\n\t\t\t\t\t<stop offset="0%" stop-color="${this.config.loaderColor}" stop-opacity="0"/>\n\t\t\t\t\t<stop offset="63.146%" stop-color="${this.config.loaderColor}" stop-opacity=".631"/>\n\t\t\t\t\t<stop offset="100%" stop-color="${this.config.loaderColor}"/>\n\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\t\t\t\t<g fill-rule="evenodd" fill="none">\n\t\t\t\t<g transform="translate(1 1)">\n\t\t\t\t\t<path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke-width="5" stroke="url(#a)"></path>\n\t\t\t\t\t<circle cx="36" cy="18" fill="${this.config.loaderColor}" r="1"></circle>\n\t\t\t\t</g>\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t`,r=document.createElement("span");r.innerHTML=e,r.className="button__loader",null===(t=this.$submit)||void 0===t||t.insertAdjacentElement("afterbegin",r),requestAnimationFrame((()=>{r.setAttribute("data-showed","")}))}hideLoader(){var t,e;null===(t=this.$submit)||void 0===t||t.classList.remove("button--loading");const r=null===(e=this.$submit)||void 0===e?void 0:e.querySelector(".button__loader");r&&(r.classList.remove("active"),r.removeAttribute("data-showed"),setTimeout((()=>{r.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 r=null,n=1/0;t.forEach((t=>{const o=e.findIndex((e=>e===t));o<n&&(n=o,r=t)})),r&&(document.documentElement.setAttribute("data-now-scrolling",""),r.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),setTimeout((()=>{document.documentElement.removeAttribute("data-now-scrolling")}),800))}}checkInputs(){var t;let e=!0;const r={},n=[];if(null===(t=this.inputs)||void 0===t||t.forEach((t=>{var o;const s=t,i=s.getAttribute("data-check-type")||s.getAttribute("type")||"";if((null===(o=this.config.customTypeError)||void 0===o?void 0:o.name)!==i||"TEXTAREA"===s.tagName&&!this.config.customTypeError)if(s.value.length>0){if("email"===i&&(l=s.value,/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu.test(l)||(this.showError(s,"Неверный формат"),n.push(s),e=!1)),"tel"===i&&(s.intl.isValidNumber()||(this.showError(s,"Неверный формат"),n.push(s),e=!1)),"url"===i&&(function(t){const e=/^https?:\/\//i.test(t)?t:`http://${t}`;try{return new URL(e),!0}catch(t){return!1}}(s.value)||(this.showError(s,"Неверный формат"),n.push(s),e=!1)),"text"===i&&"not-numbers"===s.getAttribute("data-check-type")&&/[0-9]/.test(s.value)&&(this.showError(s,"Неверный формат"),n.push(s),e=!1),"radio"===i){const t=s.getAttribute("name")||"";r[t]||(r[t]={}),r[t][Object.keys(r[t]).length]=s}}else s.hasAttribute("required")&&(this.showError(s,"Пустое значение"),n.push(s),e=!1);var l})),Object.keys(r).length>0)for(const t in r){const e=r[t];let n=!1,o=null;for(const t in e){const r=e[t];if(r.hasAttribute("required")&&(n=!0),r.checked){if(null!==o)return!1;o=r}}if(null===o&&n)return this.showErrorForm("Необходимо указать оценку"),!1}return!0===this.config.scrollToFirstErroredInput&&this.scrollToFirstErroredInput(n),e}disableSubmit(){var t;null===(t=this.$submit)||void 0===t||t.setAttribute("disabled","")}enableSubmit(){var t;null===(t=this.$submit)||void 0===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?r.checked=!1:(r.value="",null===(e=r.parentElement)||void 0===e||e.classList.remove("filled"),r.dispatchEvent(new Event("input")))}))}showErrorForm(t){var e;const r=this.$el.querySelectorAll(".input__wrapper"),n=r[r.length-1];let o=this.$el.querySelector(".error-block-under-input__wrapper");o&&n.nextElementSibling===o?(o.classList.add("error-block-under-input--warning"),o.querySelector(".error-block-under-input__icon").innerHTML="\x3c!-- SVG content --\x3e",o.querySelector(".error-block-under-input__main-text").textContent=t):(o=document.createElement("div"),o.className="error-block-under-input__wrapper",o.innerHTML=`\n        <div class="error-block-under-input error-block-under-input--warning">\n          <div class="error-block-under-input__icon-wrapper">\n            <span class="error-block-under-input__icon">\n              \x3c!-- SVG content --\x3e\n            </span>\n            <span class="error-block-under-input__icon error-block-under-input__icon--animated" style="display:none;"></span>\n          </div>\n          <p class="error-block-under-input__text">\n            <span class="error-block-under-input__main-text">${t}</span>\n            <span class="error-block-under-input__secondary-text"></span>\n          </p>\n        </div>`,n.insertAdjacentElement("afterend",o)),this.$el.addEventListener("input",(()=>{this.hideErrorForm()}),{passive:!0,once:!0}),null===(e=o.querySelector(".error-block-under-input"))||void 0===e||e.classList.remove("error-block-under-input--success");const s=o.querySelector(".error-block-under-input__secondary-text");s&&(s.textContent="");const i=parseFloat(o.style.height)||0,l=parseFloat(window.getComputedStyle(o).paddingTop)||0;i!==o.querySelector(".error-block-under-input").scrollHeight+16&&(o.style.height=`${i}px`,o.style.opacity="0",o.style.paddingTop=`${l}px`)}hideErrorForm(){const t=this.$el.querySelectorAll(".input__wrapper"),e=t[t.length-1].nextElementSibling;e&&e.classList.contains("error-block-under-input__wrapper")}isCorrectArguments(){return"FORM"!==this.$el.tagName?(console.warn("$el не является тегом form"),!1):!!this.$submit||(console.warn("В форме нет кнопки с типом submit"),!1)}}}();
+//# sourceMappingURL=FormFather.min.js.map

package/dist/FormFather.min.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,113 @@
+/** Параметры формы. */
+interface FormOptions {
+    /**
+     * Функция обратного вызова. Запускается, когда форма отправляется.
+     *
+     * @param formInstance - Инстанс формы.
+     */
+    onSubmit?: (formInstance: Form) => void;
+    /**
+     * Функция обратного вызова.
+     *
+     * @param responseBody - Тело ответа.
+     * @param formInstance - Инстанс формы.
+     */
+    onResponse?: (responseBody: any, formInstance: Form) => void;
+    /**
+     * Функция обратного вызова. Запускается после ответа сервера 200.
+     *
+     * @param responseBody - Тело ответа.
+     * @param formInstance - Инстанс формы.
+     */
+    onResponseSuccess?: (responseBody: any, formInstance: Form) => void;
+    /**
+     * Функция обратного вызова. Запускается после ответа сервера не 200.
+     *
+     * @param responseBody - Тело ответа.
+     * @param formInstance - Инстанс формы.
+     */
+    onResponseUnsuccess?: (responseBody: any, formInstance: Form) => void;
+    /** Нужно ли показывать loader в кнопке. По умолчанию `true`. */
+    showLoaderButton?: boolean;
+    /** Нужно ли проскроливать до первого по порядку элемента с ошибкой. По умолчанию `true`. */
+    scrollToFirstErroredInput?: boolean;
+    /** Кастомный тип ошибки. */
+    customTypeError?: any;
+    /** Цвет лоадера. */
+    loaderColor?: string;
+}
+/**
+ * Реализует форму отправки данных.
+ *
+ * @class
+ */
+declare class Form {
+    private $el;
+    private options;
+    private config;
+    private $submit;
+    private waitResponse;
+    private inputs;
+    private $licensesCheckbox;
+    /**
+     * Создать форму.
+     *
+     * @param {HTMLElement} $el - Элемент формы (тег form!).
+     * @param {Object} options - Параметры формы.
+     */
+    constructor($el: HTMLElement, options: FormOptions);
+    private initialization;
+    /**
+     * Показывает ошибку для поля ввода.
+     *
+     * @param {HTMLInputElement} $input - Поле ввода.
+     * @param {String} text - Текст ошибки.
+     */
+    private showError;
+    /** Показывает лоадер */
+    private showLoader;
+    /** Скрывает лоадер */
+    private hideLoader;
+    /**
+     * Скрывает ошибку.
+     *
+     * @param {HTMLInputElement} $input - Поле ввода.
+     */
+    private hideError;
+    /**
+     * Проскроливает до первого ошибочного поля.
+     *
+     * @param {HTMLElement[]} inputsList - Массив элементов с ошибкой.
+     */
+    private scrollToFirstErroredInput;
+    /**
+     * Проверяет все поля ввода на корректность их заполнения.
+     *
+     * Проверяются все поля ввода и если поле некорректно заполнено показывают ошибки рядом с полем ввода.
+     *
+     * @returns {boolean} Корректно заполнены или нет (true/false).
+     */
+    private checkInputs;
+    /** Блокирует кнопку отправки данных. */
+    private disableSubmit;
+    /** Снимает блокировку с кнопки отправки данных. */
+    private enableSubmit;
+    /** Очищает поля ввода формы. */
+    clearInputs(): void;
+    /**
+     * Показывает ошибку под полями ввода - ошибку, относящуюся ко всей форме.
+     *
+     * @param {String} text - Текст ошибки.
+     */
+    private showErrorForm;
+    /** Скрывает ошибку под полями ввода - ошибку, относящуюся ко всей форме. */
+    private hideErrorForm;
+    /**
+     * Проверяет входные данные на их корректность.
+     *
+     * @returns {boolean} Корректны данные или нет (true/false).
+     */
+    private isCorrectArguments;
+}
+
+export { Form as default };

package/dist/index.js

@@ -0,0 +1,606 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * Возвращает форматированную дату.
+ *
+ * @param {string} dateValue
+ * @param {string} format
+ *
+ * @returns {string}
+ */
+function formatDate(dateValue, format) {
+    const date = new Date(dateValue);
+    /**
+     * Добавляет ведущие нули.
+     *
+     * @param {number} num
+     *
+     * @returns {string}
+     */
+    const pad = (num) => num.toString().padStart(2, '0');
+    const day = pad(date.getDate());
+    const month = pad(date.getMonth() + 1);
+    const year = date.getFullYear().toString();
+    return format.replace('dd', day).replace('mm', month).replace('yyyy', year);
+}
+/**
+ * Находит родительский элемент по заданому селектору.
+ *
+ * @param {HTMLElement | null} $el - Элемент, чего родителя нужно найти.
+ * @param {string} selector - Селектор родителя.
+ *
+ * @returns {HTMLElement | null} Элемент родителя. Но если родителя с таким селектори не было найдено возвращается null.
+ */
+function closest($el, selector) {
+    if ($el == null)
+        return null;
+    let parent = $el;
+    while (parent) {
+        if (parent.matches(selector)) {
+            return parent;
+        }
+        parent = parent.parentElement;
+    }
+    return null;
+}
+/**
+ * Проверяет является ли строка валидным адресом электронной почты.
+ *
+ * @param {string} value - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным адресом электронной почты true/false.
+ */
+function isEmailValid(value) {
+    return /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu.test(value);
+}
+/**
+ * Проверяет является ли строка валидным url.
+ *
+ * @param {string} originalUrlString - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным url адресом true/false.
+ */
+function isUrlValid(originalUrlString) {
+    const urlString = /^https?:\/\//i.test(originalUrlString) ? originalUrlString : `http://${originalUrlString}`;
+    try {
+        new URL(urlString);
+        return true;
+    }
+    catch (e) {
+        return false;
+    }
+}
+/**
+ * Проверяет является ли строка валидным номером телефона.
+ *
+ * @param {HTMLInputElement} $inputTel.
+ *
+ * @returns {boolean} Является ли строка валидным номером телефона true/false.
+ */
+function isPhoneValidOnlyThisProject($inputTel) {
+    const isValid = $inputTel.intl.isValidNumber();
+    return isValid;
+}
+/**
+ * Кастомная сериализация формы в объект FormData.
+ *
+ * @param {HTMLElement} $element - DOM элемент для сериализации.
+ *
+ * @returns {FormData} Сериализованные данные формы в объекте FormData.
+ */
+function serializeToFormData($element) {
+    const elements = $element.tagName === 'FORM'
+        ? Array.from($element.elements)
+        : Array.from($element.querySelectorAll('input, select, textarea, button'));
+    const data = new FormData();
+    elements.forEach(element => {
+        if (!(element instanceof HTMLInputElement ||
+            element instanceof HTMLSelectElement ||
+            element instanceof HTMLTextAreaElement ||
+            element instanceof HTMLButtonElement)) {
+            return;
+        }
+        if (!element.name || element.hasAttribute('data-no-serialize')) {
+            return;
+        }
+        const { name, type } = element;
+        if (type === 'file') {
+            if (element.getAttribute('multiple') === 'true') {
+                const files = element.files;
+                if (files) {
+                    for (let i = 0; i < files.length; i++) {
+                        // Добавляем каждый файл с уникальным ключом
+                        data.append(`${name}[${i}]`, files[i]);
+                    }
+                }
+            }
+            else {
+                const files = element.files;
+                if (files && files[0])
+                    data.append(name, files[0]);
+            }
+        }
+        else {
+            let value;
+            if (type === 'tel') {
+                value = element.value
+                    .split(/[\s()-]/)
+                    .join('')
+                    .replace(/^8/, '+7');
+            }
+            else if (type === 'checkbox' || type === 'radio') {
+                if (!element.checked)
+                    return;
+                value = element.value;
+            }
+            else if (type === 'date') {
+                const format = element.getAttribute('data-date-format');
+                value = format ? formatDate(element.value, format) : element.value;
+            }
+            else {
+                value = element.value;
+            }
+            data.append(name, value);
+        }
+    });
+    return data;
+}
+/**
+ * Функция для разбора общих свойств ответа.
+ *
+ * @param {any} responseBody - Тело ответа.
+ */
+function parseCommonResponseProperties(responseBody) {
+    if (Object.prototype.hasOwnProperty.call(responseBody, 'redirect-url')) {
+        window.location.href = responseBody['redirect-url'];
+    }
+    if (Object.prototype.hasOwnProperty.call(responseBody, 'reload')) {
+        if (responseBody.reload === true)
+            window.location.reload();
+    }
+    if (Object.prototype.hasOwnProperty.call(responseBody, 'error-toast')) {
+        const $formErrorToast = document.querySelector('[data-toast-name="formErrorToast"]');
+        if ($formErrorToast) {
+            const $toastText = $formErrorToast.querySelector('.toast__text');
+            if ($toastText) {
+                $toastText.textContent = responseBody['error-toast'];
+                window.Toast.showToast('formErrorToast', {
+                    removeAfterClose: false,
+                });
+            }
+        }
+    }
+}
+
+/**
+ * Реализует форму отправки данных.
+ *
+ * @class
+ */
+class Form {
+    /**
+     * Создать форму.
+     *
+     * @param {HTMLElement} $el - Элемент формы (тег form!).
+     * @param {Object} options - Параметры формы.
+     */
+    constructor($el, options) {
+        this.$submit = null;
+        this.waitResponse = false;
+        this.inputs = null;
+        this.$licensesCheckbox = null;
+        this.$el = $el;
+        this.options = options;
+        const defaultConfig = {
+            onSubmit: () => { },
+            onResponse: () => { },
+            onResponseSuccess: () => { },
+            onResponseUnsuccess: () => { },
+            customTypeError: null,
+            loaderColor: '#fff',
+            showLoaderButton: true,
+            scrollToFirstErroredInput: true,
+        };
+        this.config = Object.assign({}, defaultConfig, this.options);
+        if (this.$el) {
+            this.$submit = this.$el.querySelector('input[type="submit"], button[type="submit"]');
+            if (this.isCorrectArguments())
+                this.initialization();
+        }
+        else {
+            console.warn('Empty $el');
+        }
+    }
+    initialization() {
+        this.inputs = this.$el.querySelectorAll('.input');
+        this.$licensesCheckbox = this.$el.querySelector('input[data-input-name="user-consent"]');
+        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();
+            });
+        }
+        const sendData = (data) => __awaiter(this, void 0, void 0, function* () {
+            return fetch(this.$el.getAttribute('action') || '', {
+                method: 'POST',
+                body: data,
+            });
+        });
+        const submit = () => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            if (!this.waitResponse) {
+                const data = serializeToFormData(this.$el);
+                if (this.config.showLoaderButton === true)
+                    this.showLoader();
+                (_b = (_a = this.config).onSubmit) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+                this.waitResponse = true;
+                // Этот код для тестирования
+                // for (const key of data.keys()) console.log(data.get(key));
+                // END Этот код для тестирования
+                const response = yield sendData(data);
+                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) {
+                    parseCommonResponseProperties(responseBody);
+                    if (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.$el.addEventListener('submit', e => {
+            e.preventDefault();
+            if (this.checkInputs() && (!this.$licensesCheckbox || (this.$licensesCheckbox && this.$licensesCheckbox.checked)))
+                submit();
+        });
+    }
+    /**
+     * Показывает ошибку для поля ввода.
+     *
+     * @param {HTMLInputElement} $input - Поле ввода.
+     * @param {String} text - Текст ошибки.
+     */
+    showError($input, text) {
+        closest($input, 'input-primary').showError(text);
+    }
+    /** Показывает лоадер */
+    showLoader() {
+        var _a;
+        // Создаем SVG элемент
+        const loaderSvg = `
+			<svg height="38" viewBox="0 0 38 38" width="38" xmlns="http://www.w3.org/2000/svg">
+				<defs>
+				<linearGradient id="a" x1="8.042%" x2="65.682%" y1="0%" y2="23.865%">
+					<stop offset="0%" stop-color="${this.config.loaderColor}" stop-opacity="0"/>
+					<stop offset="63.146%" stop-color="${this.config.loaderColor}" stop-opacity=".631"/>
+					<stop offset="100%" stop-color="${this.config.loaderColor}"/>
+				</linearGradient>
+				</defs>
+				<g fill-rule="evenodd" fill="none">
+				<g transform="translate(1 1)">
+					<path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke-width="5" stroke="url(#a)"></path>
+					<circle cx="36" cy="18" fill="${this.config.loaderColor}" r="1"></circle>
+				</g>
+				</g>
+			</svg>
+		`;
+        // Создаем элемент загрузчика и добавляем SVG внутрь
+        const $loaderEl = document.createElement('span');
+        $loaderEl.innerHTML = loaderSvg;
+        $loaderEl.className = 'button__loader';
+        (_a = this.$submit) === null || _a === void 0 ? void 0 : _a.insertAdjacentElement('afterbegin', $loaderEl);
+        requestAnimationFrame(() => {
+            $loaderEl.setAttribute('data-showed', '');
+        });
+    }
+    /** Скрывает лоадер */
+    hideLoader() {
+        var _a, _b;
+        (_a = this.$submit) === null || _a === void 0 ? void 0 : _a.classList.remove('button--loading');
+        const $loader = (_b = this.$submit) === null || _b === void 0 ? void 0 : _b.querySelector('.button__loader');
+        if ($loader) {
+            $loader.classList.remove('active');
+            $loader.removeAttribute('data-showed');
+            setTimeout(() => {
+                $loader.remove();
+            }, 250);
+        }
+    }
+    /**
+     * Скрывает ошибку.
+     *
+     * @param {HTMLInputElement} $input - Поле ввода.
+     */
+    hideError($input) {
+        const $inputWrapper = $input.parentElement;
+        if ($inputWrapper && $inputWrapper.classList.contains('input__wrapper')) {
+            $inputWrapper.getAttribute('data-type-error') || 'default';
+            $inputWrapper.classList.remove('input__wrapper--error');
+        }
+    }
+    /**
+     * Проскроливает до первого ошибочного поля.
+     *
+     * @param {HTMLElement[]} inputsList - Массив элементов с ошибкой.
+     */
+    scrollToFirstErroredInput(inputsList) {
+        if (inputsList.length > 0) {
+            const allInputInFormList = Array.from(this.$el.querySelectorAll('input'));
+            let $firstInputOnForm = null;
+            let minIndex = Infinity;
+            inputsList.forEach($input => {
+                const findIndex = allInputInFormList.findIndex($item => $item === $input);
+                if (findIndex < minIndex) {
+                    minIndex = findIndex;
+                    $firstInputOnForm = $input;
+                }
+            });
+            if ($firstInputOnForm) {
+                document.documentElement.setAttribute('data-now-scrolling', '');
+                $firstInputOnForm.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'center',
+                    inline: 'center',
+                });
+                setTimeout(() => {
+                    document.documentElement.removeAttribute('data-now-scrolling');
+                }, 800);
+            }
+        }
+    }
+    /**
+     * Проверяет все поля ввода на корректность их заполнения.
+     *
+     * Проверяются все поля ввода и если поле некорректно заполнено показывают ошибки рядом с полем ввода.
+     *
+     * @returns {boolean} Корректно заполнены или нет (true/false).
+     */
+    checkInputs() {
+        var _a;
+        let isCorrect = true;
+        const radioGroups = {};
+        const inputsList = [];
+        (_a = this.inputs) === null || _a === void 0 ? void 0 : _a.forEach($inputEl => {
+            var _a;
+            const $input = $inputEl;
+            const inputType = $input.getAttribute('data-check-type') || $input.getAttribute('type') || '';
+            if (((_a = this.config.customTypeError) === null || _a === void 0 ? void 0 : _a.name) !== inputType ||
+                ($input.tagName === 'TEXTAREA' && !this.config.customTypeError)) {
+                if ($input.value.length > 0) {
+                    if (inputType === 'email') {
+                        if (!isEmailValid($input.value)) {
+                            this.showError($input, 'Неверный формат');
+                            inputsList.push($input);
+                            isCorrect = false;
+                        }
+                    }
+                    if (inputType === 'tel') {
+                        if (!isPhoneValidOnlyThisProject($input)) {
+                            this.showError($input, 'Неверный формат');
+                            inputsList.push($input);
+                            isCorrect = false;
+                        }
+                    }
+                    if (inputType === 'url') {
+                        if (!isUrlValid($input.value)) {
+                            this.showError($input, 'Неверный формат');
+                            inputsList.push($input);
+                            isCorrect = false;
+                        }
+                    }
+                    if (inputType === 'text') {
+                        if ($input.getAttribute('data-check-type') === 'not-numbers') {
+                            if (/[0-9]/.test($input.value)) {
+                                this.showError($input, 'Неверный формат');
+                                inputsList.push($input);
+                                isCorrect = false;
+                            }
+                        }
+                    }
+                    if (inputType === 'radio') {
+                        const name = $input.getAttribute('name') || '';
+                        if (!radioGroups[name]) {
+                            radioGroups[name] = {};
+                        }
+                        radioGroups[name][Object.keys(radioGroups[name]).length] = $input;
+                    }
+                }
+                else if ($input.hasAttribute('required')) {
+                    this.showError($input, 'Пустое значение');
+                    inputsList.push($input);
+                    isCorrect = false;
+                }
+            }
+        });
+        if (Object.keys(radioGroups).length > 0) {
+            for (const key in radioGroups) {
+                const group = radioGroups[key];
+                let isRequired = false;
+                let $checkedInput = null;
+                for (const keyGroup in group) {
+                    const $radio = group[keyGroup];
+                    if ($radio.hasAttribute('required'))
+                        isRequired = true;
+                    if ($radio.checked) {
+                        if ($checkedInput === null) {
+                            $checkedInput = $radio;
+                        }
+                        else {
+                            return false;
+                        }
+                    }
+                }
+                if ($checkedInput === null && isRequired) {
+                    this.showErrorForm('Необходимо указать оценку');
+                    return false;
+                }
+            }
+        }
+        if (this.config.scrollToFirstErroredInput === true)
+            this.scrollToFirstErroredInput(inputsList);
+        return isCorrect;
+    }
+    /** Блокирует кнопку отправки данных. */
+    disableSubmit() {
+        var _a;
+        (_a = this.$submit) === null || _a === void 0 ? void 0 : _a.setAttribute('disabled', '');
+    }
+    /** Снимает блокировку с кнопки отправки данных. */
+    enableSubmit() {
+        var _a;
+        (_a = this.$submit) === null || _a === void 0 ? void 0 : _a.removeAttribute('disabled');
+    }
+    /** Очищает поля ввода формы. */
+    clearInputs() {
+        var _a;
+        (_a = this.inputs) === null || _a === void 0 ? void 0 : _a.forEach($inputEl => {
+            var _a;
+            const $input = $inputEl;
+            if ($input.type === 'radio') {
+                $input.checked = false;
+            }
+            else {
+                $input.value = '';
+                (_a = $input.parentElement) === null || _a === void 0 ? void 0 : _a.classList.remove('filled');
+                $input.dispatchEvent(new Event('input'));
+            }
+        });
+    }
+    /**
+     * Показывает ошибку под полями ввода - ошибку, относящуюся ко всей форме.
+     *
+     * @param {String} text - Текст ошибки.
+     */
+    showErrorForm(text) {
+        var _a;
+        const inputWrappersList = this.$el.querySelectorAll('.input__wrapper');
+        const $lastInputWrapper = inputWrappersList[inputWrappersList.length - 1];
+        let $errorWrapper = this.$el.querySelector('.error-block-under-input__wrapper');
+        if (!$errorWrapper || !($lastInputWrapper.nextElementSibling === $errorWrapper)) {
+            $errorWrapper = document.createElement('div');
+            $errorWrapper.className = 'error-block-under-input__wrapper';
+            $errorWrapper.innerHTML = `
+        <div class="error-block-under-input error-block-under-input--warning">
+          <div class="error-block-under-input__icon-wrapper">
+            <span class="error-block-under-input__icon">
+              <!-- SVG content -->
+            </span>
+            <span class="error-block-under-input__icon error-block-under-input__icon--animated" style="display:none;"></span>
+          </div>
+          <p class="error-block-under-input__text">
+            <span class="error-block-under-input__main-text">${text}</span>
+            <span class="error-block-under-input__secondary-text"></span>
+          </p>
+        </div>`;
+            $lastInputWrapper.insertAdjacentElement('afterend', $errorWrapper);
+        }
+        else {
+            $errorWrapper.classList.add('error-block-under-input--warning');
+            $errorWrapper.querySelector('.error-block-under-input__icon').innerHTML = '<!-- SVG content -->';
+            $errorWrapper.querySelector('.error-block-under-input__main-text').textContent = text;
+        }
+        this.$el.addEventListener('input', () => {
+            this.hideErrorForm();
+        }, { passive: true, once: true });
+        (_a = $errorWrapper.querySelector('.error-block-under-input')) === null || _a === void 0 ? void 0 : _a.classList.remove('error-block-under-input--success');
+        const $secondaryText = $errorWrapper.querySelector('.error-block-under-input__secondary-text');
+        if ($secondaryText)
+            $secondaryText.textContent = '';
+        const currentHeight = parseFloat($errorWrapper.style.height) || 0;
+        const currentPaddingTop = parseFloat(window.getComputedStyle($errorWrapper).paddingTop) || 0;
+        const errorBlockHeight = $errorWrapper.querySelector('.error-block-under-input').scrollHeight + 16;
+        if (currentHeight !== errorBlockHeight) {
+            $errorWrapper.style.height = `${currentHeight}px`;
+            $errorWrapper.style.opacity = '0';
+            $errorWrapper.style.paddingTop = `${currentPaddingTop}px`;
+        }
+    }
+    /** Скрывает ошибку под полями ввода - ошибку, относящуюся ко всей форме. */
+    hideErrorForm() {
+        const inputWrappersList = this.$el.querySelectorAll('.input__wrapper');
+        const $lastInputWrapper = inputWrappersList[inputWrappersList.length - 1];
+        const nextElement = $lastInputWrapper.nextElementSibling;
+        if (nextElement && nextElement.classList.contains('error-block-under-input__wrapper')) ;
+    }
+    /**
+     * Проверяет входные данные на их корректность.
+     *
+     * @returns {boolean} Корректны данные или нет (true/false).
+     */
+    isCorrectArguments() {
+        if (this.$el.tagName !== 'FORM') {
+            console.warn(`$el не является тегом form`);
+            return false;
+        }
+        if (!this.$submit) {
+            console.warn(`В форме нет кнопки с типом submit`);
+            return false;
+        }
+        return true;
+    }
+}
+
+export { Form as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/types/helpers.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Находит родительский элемент по заданому селектору.
+ *
+ * @param {HTMLElement | null} $el - Элемент, чего родителя нужно найти.
+ * @param {string} selector - Селектор родителя.
+ *
+ * @returns {HTMLElement | null} Элемент родителя. Но если родителя с таким селектори не было найдено возвращается null.
+ */
+export declare function closest($el: HTMLElement | null, selector: string): HTMLElement | null;
+/** Включает блокировку скролла страницы */
+export declare function blockScrollBody(): void;
+/** Отменяет блокировку скролла страницы */
+export declare function unblockScrollBody(): void;
+/**
+ * Проверяет является ли строка валидным адресом электронной почты.
+ *
+ * @param {string} value - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным адресом электронной почты true/false.
+ */
+export declare function isEmailValid(value: string): boolean;
+/**
+ * Проверяет является ли строка валидным url.
+ *
+ * @param {string} originalUrlString - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным url адресом true/false.
+ */
+export declare function isUrlValid(originalUrlString: string): boolean;
+/**
+ * Проверяет является ли строка валидным номером телефона.
+ *
+ * @param {string} value - Строка, которую нужно проверить.
+ *
+ * @returns {boolean} Является ли строка валидным номером телефона true/false.
+ */
+export declare function isPhoneValid(value: string): boolean;
+/**
+ * Проверяет является ли строка валидным номером телефона.
+ *
+ * @param {HTMLInputElement} $inputTel.
+ *
+ * @returns {boolean} Является ли строка валидным номером телефона true/false.
+ */
+export declare function isPhoneValidOnlyThisProject($inputTel: HTMLInputElement): boolean;
+/**
+ * Кастомная сериализация формы в объект FormData.
+ *
+ * @param {HTMLElement} $element - DOM элемент для сериализации.
+ *
+ * @returns {FormData} Сериализованные данные формы в объекте FormData.
+ */
+export declare function serializeToFormData($element: HTMLElement): FormData;
+/**
+ * Функция для разбора общих свойств ответа.
+ *
+ * @param {any} responseBody - Тело ответа.
+ */
+export declare function parseCommonResponseProperties(responseBody: any): void;
+/**
+ * Сериализует данные формы в объект JSON.
+ *
+ * @param {HTMLFormElement} form - Элемент формы.
+ *
+ * @returns {Object} Сериализованные данные формы.
+ */
+export declare function serializeFormToJSON(form: HTMLFormElement): {
+    [key: string]: any;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,112 @@
+/** Параметры формы. */
+interface FormOptions {
+    /**
+     * Функция обратного вызова. Запускается, когда форма отправляется.
+     *
+     * @param formInstance - Инстанс формы.
+     */
+    onSubmit?: (formInstance: Form) => void;
+    /**
+     * Функция обратного вызова.
+     *
+     * @param responseBody - Тело ответа.
+     * @param formInstance - Инстанс формы.
+     */
+    onResponse?: (responseBody: any, formInstance: Form) => void;
+    /**
+     * Функция обратного вызова. Запускается после ответа сервера 200.
+     *
+     * @param responseBody - Тело ответа.
+     * @param formInstance - Инстанс формы.
+     */
+    onResponseSuccess?: (responseBody: any, formInstance: Form) => void;
+    /**
+     * Функция обратного вызова. Запускается после ответа сервера не 200.
+     *
+     * @param responseBody - Тело ответа.
+     * @param formInstance - Инстанс формы.
+     */
+    onResponseUnsuccess?: (responseBody: any, formInstance: Form) => void;
+    /** Нужно ли показывать loader в кнопке. По умолчанию `true`. */
+    showLoaderButton?: boolean;
+    /** Нужно ли проскроливать до первого по порядку элемента с ошибкой. По умолчанию `true`. */
+    scrollToFirstErroredInput?: boolean;
+    /** Кастомный тип ошибки. */
+    customTypeError?: any;
+    /** Цвет лоадера. */
+    loaderColor?: string;
+}
+/**
+ * Реализует форму отправки данных.
+ *
+ * @class
+ */
+export default class Form {
+    private $el;
+    private options;
+    private config;
+    private $submit;
+    private waitResponse;
+    private inputs;
+    private $licensesCheckbox;
+    /**
+     * Создать форму.
+     *
+     * @param {HTMLElement} $el - Элемент формы (тег form!).
+     * @param {Object} options - Параметры формы.
+     */
+    constructor($el: HTMLElement, options: FormOptions);
+    private initialization;
+    /**
+     * Показывает ошибку для поля ввода.
+     *
+     * @param {HTMLInputElement} $input - Поле ввода.
+     * @param {String} text - Текст ошибки.
+     */
+    private showError;
+    /** Показывает лоадер */
+    private showLoader;
+    /** Скрывает лоадер */
+    private hideLoader;
+    /**
+     * Скрывает ошибку.
+     *
+     * @param {HTMLInputElement} $input - Поле ввода.
+     */
+    private hideError;
+    /**
+     * Проскроливает до первого ошибочного поля.
+     *
+     * @param {HTMLElement[]} inputsList - Массив элементов с ошибкой.
+     */
+    private scrollToFirstErroredInput;
+    /**
+     * Проверяет все поля ввода на корректность их заполнения.
+     *
+     * Проверяются все поля ввода и если поле некорректно заполнено показывают ошибки рядом с полем ввода.
+     *
+     * @returns {boolean} Корректно заполнены или нет (true/false).
+     */
+    private checkInputs;
+    /** Блокирует кнопку отправки данных. */
+    private disableSubmit;
+    /** Снимает блокировку с кнопки отправки данных. */
+    private enableSubmit;
+    /** Очищает поля ввода формы. */
+    clearInputs(): void;
+    /**
+     * Показывает ошибку под полями ввода - ошибку, относящуюся ко всей форме.
+     *
+     * @param {String} text - Текст ошибки.
+     */
+    private showErrorForm;
+    /** Скрывает ошибку под полями ввода - ошибку, относящуюся ко всей форме. */
+    private hideErrorForm;
+    /**
+     * Проверяет входные данные на их корректность.
+     *
+     * @returns {boolean} Корректны данные или нет (true/false).
+     */
+    private isCorrectArguments;
+}
+export {};

package/package.json

@@ -0,0 +1,51 @@
+{
+	"name": "form-father",
+	"version": "0.0.1",
+	"description": "Form Father: Библиотека для обработки форм",
+	"type": "module",
+	"scripts": {
+		"build": "rollup -c",
+		"watch": "rollup -c -w",
+		"demos": "BUILD_TARGET=demos npm run build && concurrently --kill-others \"vite\" \"npm run watch\""
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/poliklot/form-father.git"
+	},
+	"keywords": [
+		"form",
+		"vanila",
+		"javascript",
+		"typescript",
+		"validation",
+		"library"
+	],
+	"author": "Poliklot",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/poliklot/form-father/issues"
+	},
+	"files": [
+		"dist"
+	],
+	"sideEffects": false,
+	"devDependencies": {
+		"@babel/preset-env": "^7.26.0",
+		"@rollup/plugin-babel": "^6.0.4",
+		"@rollup/plugin-commonjs": "^28.0.1",
+		"@rollup/plugin-json": "^6.1.0",
+		"@rollup/plugin-node-resolve": "^15.3.0",
+		"@rollup/plugin-terser": "^0.4.4",
+		"concurrently": "^9.0.1",
+		"postcss-preset-env": "^10.0.8",
+		"prettier-plugin-jsdoc": "^1.3.0",
+		"rollup": "^4.24.3",
+		"rollup-plugin-copy": "^3.5.0",
+		"rollup-plugin-delete": "^2.1.0",
+		"rollup-plugin-dts": "^6.1.1",
+		"rollup-plugin-typescript2": "^0.36.0",
+		"sass-embedded": "^1.80.5",
+		"typescript": "^5.6.3",
+		"vite": "^5.4.10"
+	}
+}