vgapp 1.4.4 → 1.4.6

package/app/modules/vgalert/scss/vgalert.scss

@@ -6,113 +6,113 @@
 *--------------------------------------------------------------------------
 **/
 
-@forward "variables";
-@use "../../../utils/scss" as vg;
-@use "variables" as vars;
+@forward "variables";
+@use "../../../utils/scss" as vg;
+@use "variables" as vars;
 
 .vg-alert {
 	&-modal {
 		--vg-modal-padding: 0 !important;
 		--vg-modal-width: 520px !important;
 		--vg-modal-margin: 65px !important;
-	}
-
-	&-overlay {
-		@include vg.mix-vars('alert', vars.$alert-map);
-		width: 100%;
-		height: 100%;
-		position: absolute;
-		top: 0;
-		left: 0;
-		z-index: var(--vg-alert-overlay-z-index);
-		pointer-events: none;
-
-		&::before {
-			content: '';
-			position: absolute;
-			inset: 0;
-			background-color: var(--vg-alert-overlay-backdrop-bg);
-			transition: var(--vg-alert-overlay-backdrop-transition);
-		}
-
-		&.fade.show {
-			pointer-events: auto;
-
-			&::before {
-				background-color: var(--vg-alert-overlay-backdrop-show-bg);
-			}
-
-			.vg-alert-wrapper {
-				transform: var(--vg-alert-overlay-wrapper-show-transform);
-			}
-
-			&.closing {
-				pointer-events: none;
-
-				.vg-alert-wrapper {
-					transform: var(--vg-alert-overlay-wrapper-transform);
-				}
-			}
-		}
-
-		.vg-alert-wrapper {
-			background-color: var(--vg-alert-overlay-wrapper-bg);
-			width: var(--vg-alert-overlay-wrapper-width);
-			position: absolute;
-			left: var(--vg-alert-overlay-wrapper-start);
-			z-index: 1;
-			transform: var(--vg-alert-overlay-wrapper-transform);
-			top: var(--vg-alert-overlay-wrapper-top);
-			transition: var(--vg-alert-overlay-wrapper-transition);
-		}
-	}
-
-	&-dropdown {
-		width: 360px;
-		max-width: calc(100vw - 2rem);
-
-		.vg-dropdown-container {
-			overflow: hidden;
-		}
-
-		.vg-alert-content {
-			padding: 1rem;
-			gap: .75rem;
-			align-items: flex-start;
-
-			.vg-alert-content--title {
-				font-size: 1rem;
-				line-height: 1.25;
-			}
-
-			.vg-alert-content--description {
-				font-size: .875rem;
-				line-height: 1.4;
-			}
-
-			.vg-alert-content--icon {
-				svg {
-					width: 32px;
-					height: 32px;
-				}
-			}
-		}
-
-		.vg-alert-buttons {
-			padding: .75rem 1rem;
-
-			.btn {
-				padding: .5rem .875rem;
-				font-size: .875rem;
-				line-height: 1.25;
-			}
-		}
-	}
-
-	&-wrapper {
-		@include vg.mix-vars('alert', vars.$alert-map);
-		@include vg.mix-alert-color-mode($class: vg-alert);
-		border-radius: var(--vg-border-radius, #{vg.$border-radius});
+	}
+
+	&-overlay {
+		@include vg.mix-vars('alert', vars.$alert-map);
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: var(--vg-alert-overlay-z-index);
+		pointer-events: none;
+
+		&::before {
+			content: '';
+			position: absolute;
+			inset: 0;
+			background-color: var(--vg-alert-overlay-backdrop-bg);
+			transition: var(--vg-alert-overlay-backdrop-transition);
+		}
+
+		&.fade.show {
+			pointer-events: auto;
+
+			&::before {
+				background-color: var(--vg-alert-overlay-backdrop-show-bg);
+			}
+
+			.vg-alert-wrapper {
+				transform: var(--vg-alert-overlay-wrapper-show-transform);
+			}
+
+			&.closing {
+				pointer-events: none;
+
+				.vg-alert-wrapper {
+					transform: var(--vg-alert-overlay-wrapper-transform);
+				}
+			}
+		}
+
+		.vg-alert-wrapper {
+			background-color: var(--vg-alert-overlay-wrapper-bg);
+			width: var(--vg-alert-overlay-wrapper-width);
+			position: absolute;
+			left: var(--vg-alert-overlay-wrapper-start);
+			z-index: 1;
+			transform: var(--vg-alert-overlay-wrapper-transform);
+			top: var(--vg-alert-overlay-wrapper-top);
+			transition: var(--vg-alert-overlay-wrapper-transition);
+		}
+	}
+
+	&-dropdown {
+		width: 360px;
+		max-width: calc(100vw - 2rem);
+
+		.vg-dropdown-container {
+			overflow: hidden;
+		}
+
+		.vg-alert-content {
+			padding: 1rem;
+			gap: .75rem;
+			align-items: flex-start;
+
+			.vg-alert-content--title {
+				font-size: 1rem;
+				line-height: 1.25;
+			}
+
+			.vg-alert-content--description {
+				font-size: .875rem;
+				line-height: 1.4;
+			}
+
+			.vg-alert-content--icon {
+				svg {
+					width: 32px;
+					height: 32px;
+				}
+			}
+		}
+
+		.vg-alert-buttons {
+			padding: .75rem 1rem;
+
+			.btn {
+				padding: .5rem .875rem;
+				font-size: .875rem;
+				line-height: 1.25;
+			}
+		}
+	}
+
+	&-wrapper {
+		@include vg.mix-vars('alert', vars.$alert-map);
+		@include vg.mix-alert-color-mode($class: vg-alert);
+		border-radius: var(--vg-border-radius, #{vg.$border-radius});
 		overflow: hidden;
 
 		.vg-alert-content {
@@ -141,12 +141,12 @@
 					}
 				}
 			}
-		}
-
-		.vg-alert-buttons {
-			background-color: var(--vg-alert-buttons-bg);
-			padding: 1rem 1.5rem;
-			display: flex;
+		}
+
+		.vg-alert-buttons {
+			background-color: var(--vg-alert-buttons-bg);
+			padding: 1rem 1.5rem;
+			display: flex;
 			align-items: center;
 			justify-content: flex-end;
 			gap: .5rem;

package/app/modules/vgcollapse/scss/_variables.scss

@@ -1,7 +1,7 @@
-@use "../../../utils/scss" as vg;
-
-$collapse-accordion-map: (
-		border: vg.$border-width vg.$border-style var(--vg-border-color, #{vg.$border-color}),
-		border-radius: vg.$border-radius,
-		padding: 1rem
-) !default;
+@use "../../../utils/scss" as vg;
+
+$collapse-accordion-map: (
+		border: vg.$border-width vg.$border-style var(--vg-border-color, #{vg.$border-color}),
+		border-radius: vg.$border-radius,
+		padding: 1rem
+) !default;

package/app/modules/vgcollapse/scss/vgcollapse.scss

@@ -6,13 +6,13 @@
 *--------------------------------------------------------------------------
 **/
 
-@forward "variables";
-@use "../../../utils/scss" as vg;
-@use "variables" as vars;
+@forward "variables";
+@use "../../../utils/scss" as vg;
+@use "variables" as vars;
 
 
 .vg-accordion {
-	@include vg.mix-vars('accordion', vars.$collapse-accordion-map);
+	@include vg.mix-vars('accordion', vars.$collapse-accordion-map);
 	position: relative;
 	border: var(--vg-accordion-border);
 	border-radius: var(--vg-accordion-border-radius);
@@ -37,4 +37,4 @@
 		display: block;
 		padding: var(--vg-accordion-padding);
 	}
-}
+}

package/app/modules/vgdropdown/scss/_variables.scss

@@ -1,14 +1,14 @@
-@use "../../../utils/scss" as vg;
-
-$dropdown-map: (
-		bg-color:                  var(--vg-surface-bg, #{vg.$surface-bg}),
-		color:                     var(--vg-text-color, #{vg.$color}),
-		box-shadow:                var(--vg-box-shadow, #{vg.$box-shadow}),
-		border-width:              vg.$border-width,
-		border-style:              vg.$border-style,
-		border-color:              var(--vg-border-color, #{vg.$border-color}),
-		border-radius:             vg.$border-radius,
-		z-index:                   vg.$dropdown-index,
-		transition:                vg.$transition-base,
-		min-width:                 225px
-) !default;
+@use "../../../utils/scss" as vg;
+
+$dropdown-map: (
+		bg-color:                  var(--vg-surface-bg, #{vg.$surface-bg}),
+		color:                     var(--vg-text-color, #{vg.$color}),
+		box-shadow:                var(--vg-box-shadow, #{vg.$box-shadow}),
+		border-width:              vg.$border-width,
+		border-style:              vg.$border-style,
+		border-color:              var(--vg-border-color, #{vg.$border-color}),
+		border-radius:             vg.$border-radius,
+		z-index:                   vg.$dropdown-index,
+		transition:                vg.$transition-base,
+		min-width:                 225px
+) !default;

package/app/modules/vgdropdown/scss/vgdropdown.scss

@@ -6,13 +6,13 @@
 *--------------------------------------------------------------------------
 **/
 
-@forward "variables";
-@use "../../../utils/scss" as vg;
-@use "variables" as vars;
+@forward "variables";
+@use "../../../utils/scss" as vg;
+@use "variables" as vars;
 
 .vg-dropdown {
 	position: relative;
-	@include vg.mix-vars('dropdown', vars.$dropdown-map);
+	@include vg.mix-vars('dropdown', vars.$dropdown-map);
 
 	&-content {
 		z-index: var(--vg-dropdown-z-index);
@@ -77,4 +77,4 @@
 		border-radius: var(--vg-dropdown-border-radius);
 		box-shadow: var(--vg-dropdown-box-shadow);
 	}
-}
+}

package/app/modules/vgdynamictable/index.js

@@ -1,4 +1,4 @@
-import VGDynamicTable from "./js/vgdynamictable";
-import Editable from "./js/editable";
-
-export {Editable, VGDynamicTable};
+import VGDynamicTable from "./js/vgdynamictable";
+import Editable from "./js/editable";
+
+export {Editable, VGDynamicTable};

package/app/modules/vgdynamictable/js/filters.js

@@ -1,6 +1,6 @@
-import {normalizeNonNegativeInt, safeQuerySelector} from "./utils/common";
-
-class Filters {
+import {normalizeNonNegativeInt, safeQuerySelector} from "./utils/common";
+
+class Filters {
     constructor(options = {}) {
         this._options = Object.assign({
             enabled: true,
@@ -19,12 +19,12 @@ class Filters {
             operatorAttr: 'data-filter-operator',
             defaultOperator: 'eq',
             skipEmpty: true,
-            trimValues: true,
-            emitOnInit: false,
-            initialValues: {},
-            onChange: null,
-            onReset: null,
-        }, options);
+            trimValues: true,
+            emitOnInit: false,
+            initialValues: {},
+            onChange: null,
+            onReset: null,
+        }, options);
 
         this._form = null;
         this._timer = null;
@@ -119,7 +119,7 @@ class Filters {
         if (!selector) {
             return null;
         }
-        return safeQuerySelector(selector);
+        return safeQuerySelector(selector);
     }
 
     _handleInput(event) {
@@ -134,8 +134,8 @@ class Filters {
             this._emit();
             return;
         }
-        clearTimeout(this._timer);
-        this._timer = setTimeout(() => this._emit(), normalizeNonNegativeInt(this._options.debounceMs, 300));
+        clearTimeout(this._timer);
+        this._timer = setTimeout(() => this._emit(), normalizeNonNegativeInt(this._options.debounceMs, 300));
     }
 
     _handleChange(event) {
@@ -169,14 +169,14 @@ class Filters {
         if (!resetButton) {
             return;
         }
-        event.preventDefault();
-        this._reset();
-        if (typeof this._options.onReset === 'function') {
-            this._options.onReset();
-        }
-        clearTimeout(this._timer);
-        this._emit();
-    }
+        event.preventDefault();
+        this._reset();
+        if (typeof this._options.onReset === 'function') {
+            this._options.onReset();
+        }
+        clearTimeout(this._timer);
+        this._emit();
+    }
 
     _handleSubmit(event) {
         if (!this._isManualMode()) {
@@ -441,7 +441,7 @@ class Filters {
         const tag = String(node.tagName || '').toUpperCase();
         return tag === 'INPUT' || tag === 'SELECT' || tag === 'TEXTAREA';
     }
-    _isManualMode() {
+    _isManualMode() {
         const mode = String(this._options.applyMode || 'auto').toLowerCase().trim();
         return mode === 'manual';
     }