vgapp 1.3.8 → 1.4.0

package/app/modules/vgformsender/js/hideshowpass.js

@@ -17,12 +17,12 @@ const CLASS_NAME_SHOW = 'show';
 const EVENT_KEY_CLICK_DATA_API = `click.${NAME_KEY}.data.api`;
 
 class VGHideShowPass extends BaseModule{
-	constructor(el, params = {}) {
-		super(el, params);
-
-		this._params = this._getParams(el, mergeDeepObject({
-			parentClass: 'vg-form-sender--content-pass'
-		}, params));
+	constructor(el, params = {}) {
+		super(el, params);
+
+		this._params = this._getParams(el, mergeDeepObject({
+			parentClass: 'vg-form-sender--content-pass'
+		}, params));
 	}
 
 	static get NAME() {
@@ -62,15 +62,15 @@ class VGHideShowPass extends BaseModule{
 		instance.build(false);
 	}
 
-	build(isShow = false) {
-		let classes = this._params.classes.join(' '), elm = '';
-		const HTML = Html('string');
-		if (this._element.parentElement && this._params.parentClass) {
-			this._element.parentElement.classList.add(this._params.parentClass);
-		}
-
-		if (!isShow) {
-			elm = HTML.component('eye', {class: classes});
+	build(isShow = false) {
+		let classes = this._params.classes.join(' '), elm = '';
+		const HTML = Html('string');
+		if (this._element.parentElement && this._params.parentClass) {
+			this._element.parentElement.classList.add(this._params.parentClass);
+		}
+
+		if (!isShow) {
+			elm = HTML.component('eye', {class: classes});
 		} else {
 			elm = HTML.component('eye', {class: classes, type: 'hide'});
 		}
@@ -100,4 +100,4 @@ EventHandler.on(document, EVENT_KEY_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, functi
 	instance.toggle(this);
 });
 
-export default VGHideShowPass
+export default VGHideShowPass

package/app/modules/vgformsender/readme.md

@@ -43,13 +43,13 @@ VGFormSender.init(document.getElementById('contactForm'), {
         enabled: true, 
         delay: 5000 // ожидание открытия, через 5 секунд 
     }, 
-    callback: { 
-        afterValidateError: (form, instance, event, errors) => {
-            console.log('Ошибки валидации:', errors);
-        },
-        afterSuccess: (form, instance, event, data) => { 
-            console.log('Форма отправлена!', data); 
-        }, 
+    callback: { 
+        afterValidateError: (form, instance, event, errors) => {
+            console.log('Ошибки валидации:', errors);
+        },
+        afterSuccess: (form, instance, event, data) => { 
+            console.log('Форма отправлена!', data); 
+        }, 
         afterError: (form, instance, event, data) => { 
             console.error('Ошибка:', data); 
         } 
@@ -97,40 +97,40 @@ VGFormSender.init(document.getElementById('contactForm'), {
 | `interceptors.beforeSend` | `Function`              | `Promise.resolve()`                | Выполняется перед отправкой                                          |
 | `interceptors.success`    | `Function\|false`       | `false`                            | Кастомная обработка успеха                                           |
 | `interceptors.error`      | `Function\|false`       | `false`                            | Кастомная обработка ошибки                                           |
-| `callback.afterInit`      | `Function`              | `noop`                             | После инициализации                                                  |
-| `callback.afterValidateError` | `Function`          | `noop`                             | После провала нативной HTML5-валидации, до отправки формы            |
-| `callback.afterSuccess`   | `Function`              | `noop`                             | После успеха                                                         |
-| `callback.afterError`     | `Function`              | `noop`                             | После ошибки                                                         |
-| `callback.afterSend`      | `Function`              | `noop`                             | После любого ответа                                                  |
-
----
-
-## Проверка валидации до отправки
-
-Если включён `validate: true`, модуль сначала вызывает нативный `checkValidity()` у формы. Если форма невалидна, отправка отменяется, форме добавляется класс `was-validated`, а затем вызывается `callback.afterValidateError`.
-
-```js
-VGFormSender.init(document.getElementById('contactForm'), {
-    validate: true,
-    callback: {
-        afterValidateError: (form, instance, event, errors) => {
-            errors.forEach((error) => {
-                console.log(error.name, error.message);
-            });
-        }
-    }
-});
-```
-
-Каждый элемент массива `errors` содержит:
-
-- `element` — ссылку на невалидное поле
-- `name` / `id` / `type`
-- `value` — текущее значение поля
-- `message` — текст из `validationMessage`
-- `validity` — слепок объекта `ValidityState`
-
----
+| `callback.afterInit`      | `Function`              | `noop`                             | После инициализации                                                  |
+| `callback.afterValidateError` | `Function`          | `noop`                             | После провала нативной HTML5-валидации, до отправки формы            |
+| `callback.afterSuccess`   | `Function`              | `noop`                             | После успеха                                                         |
+| `callback.afterError`     | `Function`              | `noop`                             | После ошибки                                                         |
+| `callback.afterSend`      | `Function`              | `noop`                             | После любого ответа                                                  |
+
+---
+
+## Проверка валидации до отправки
+
+Если включён `validate: true`, модуль сначала вызывает нативный `checkValidity()` у формы. Если форма невалидна, отправка отменяется, форме добавляется класс `was-validated`, а затем вызывается `callback.afterValidateError`.
+
+```js
+VGFormSender.init(document.getElementById('contactForm'), {
+    validate: true,
+    callback: {
+        afterValidateError: (form, instance, event, errors) => {
+            errors.forEach((error) => {
+                console.log(error.name, error.message);
+            });
+        }
+    }
+});
+```
+
+Каждый элемент массива `errors` содержит:
+
+- `element` — ссылку на невалидное поле
+- `name` / `id` / `type`
+- `value` — текущее значение поля
+- `message` — текст из `validationMessage`
+- `validity` — слепок объекта `ValidityState`
+
+---
 
 ## 🔔 События
 

package/app/modules/vgformsender/scss/vgformsender.scss

@@ -20,21 +20,21 @@
 		}
 	}
 
-	&--content {
-		position: relative;
-
-		&-pass {
-			&:focus-within {
-				input {
-					padding-right: 5rem;
-				}
-
-				.vg-form-sender--hide-show-pass {
-					right: 44px;
-				}
-			}
-		}
-	}
+	&--content {
+		position: relative;
+
+		&-pass {
+			&:focus-within {
+				input {
+					padding-right: 5rem;
+				}
+
+				.vg-form-sender--hide-show-pass {
+					right: 44px;
+				}
+			}
+		}
+	}
 
 	&--hide-show-pass {
 		position: absolute;
@@ -52,24 +52,24 @@
 		}
 	}
 
-	&.was-validated {
-		.vg-form-sender--hide-show-pass {
-			right: 34px;
-		}
-
-		.vg-form-sender--content-pass {
-			&:focus-within {
-				input {
-					padding-right: 6.25rem;
-				}
-
-				.vg-form-sender--hide-show-pass {
-					right: 64px;
-				}
-			}
-		}
-	}
-}
+	&.was-validated {
+		.vg-form-sender--hide-show-pass {
+			right: 34px;
+		}
+
+		.vg-form-sender--content-pass {
+			&:focus-within {
+				input {
+					padding-right: 6.25rem;
+				}
+
+				.vg-form-sender--hide-show-pass {
+					right: 64px;
+				}
+			}
+		}
+	}
+}
 
 .vg-form-sender-alert {
 	@include mix-alert-color-mode($class: vg-form-sender-alert);
@@ -126,4 +126,4 @@
 .vg-form-sender-alert-content--text {
 	font-size: 1.25rem;
 	color: var(--vg-form-sender-alert-color);
-}
+}