vgapp 0.5.8 → 0.6.0

package/index.js

@@ -1,9 +1,5 @@
-// css классы по умолчанию
-import "./app/utils/scss/default.scss";
-
 export { default as VGAlert } from './app/modules/vgalert';
 export { default as VGCollapse } from './app/modules/vgcollapse';
-//export { default as VGDatatable } from './app/modules/vgdatatable';
 export { default as VGDropdown } from './app/modules/vgdropdown';
 export { default as VGFormSender } from './app/modules/vgformsender';
 export { default as VGLawCookie } from './app/modules/vglawcookie';

package/index.scss

@@ -0,0 +1,38 @@
+// css animation
+/*@import "./app/utils/scss/animate";*/
+
+// css классы по умолчанию
+@import "./app/utils/scss/default";
+
+// alert
+@import "./app/modules/vgalert/scss/vgalert";
+
+// Dropdown
+@import './app/modules/vgdropdown/scss/vgdropdown';
+
+// FormSender
+@import './app/modules/vgformsender/scss/vgformsender';
+
+// Law Cookie
+@import './app/modules/vglawcookie/scss/vglawcookie';
+
+// Modal
+@import './app/modules/vgmodal/scss/vgmodal';
+
+// Nav
+@import './app/modules/vgnav/scss/vgnav';
+
+// Rollup
+@import './app/modules/vgrollup/scss/vgrollup';
+
+// Select
+@import './app/modules/vgselect/scss/vgselect';
+
+// Sidebar
+@import './app/modules/vgsidebar/scss/vgsidebar';
+
+// Tabs
+@import './app/modules/vgtabs/scss/vgtabs';
+
+// Toast
+@import './app/modules/vgtoast/scss/vgtoast';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vgapp",
-	"version": "0.5.8",
+	"version": "0.6.0",
 	"description": "",
 	"author": {
 		"name": "Vegas Studio",

package/webpack.config.js

@@ -11,7 +11,7 @@ module.exports = outputPaths.map(outputPath => {
 			name = nameModule.trim().toLowerCase();
 
 		let args = {
-			entry: './index.js',
+			entry: './index.scss',
 			output: {
 				path: path.resolve(__dirname, outputPath),
 				filename: name + '.js',

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

@@ -1,83 +0,0 @@
-@charset "UTF-8";
-/**
-*--------------------------------------------------------------------------
-* Модуль: VGAlert
-* Автор: Vegas DEV
-* Лицензия: смотри LICENSE
-*--------------------------------------------------------------------------
-**/
-.vg-alert {
-  --vg-alert-padding: 2rem ;
-  --vg-alert-margin: 0 0 2rem ;
-  --vg-alert-border-width: 1px ;
-  --vg-alert-border-style: solid ;
-  --vg-alert-border-color: transparent ;
-  --vg-alert-border-radius: 0.375rem ;
-  --vg-alert-gap: 1.5rem ;
-  --vg-alert-icon-width: 80px ;
-  --vg-alert-icon-height: 80px ;
-  --vg-alert-content-width: 100% ;
-  --vg-alert-content-align: center ;
-  --vg-alert-content-justify: flex-start ;
-  --vg-alert-success-color: #88d15e ;
-  --vg-alert-success-border-color: #A5DC86 ;
-  --vg-alert-success-background-color: rgba(194, 231, 174, 0.15) ;
-  --vg-alert-success-stroke: rgba(117, 183, 152, 0.4) ;
-  --vg-alert-error-color: #f51313 ;
-  --vg-alert-error-border-color: #F74444 ;
-  --vg-alert-error-background-color: rgba(252, 190, 190, 0.075) ;
-  --vg-alert-waiting-color: #ffcd37 ;
-  --vg-alert-waiting-border-color: #ffda6a ;
-  --vg-alert-waiting-background-color: rgba(255, 237, 183, 0.1) ;
-  padding: var(--vg-alert-padding);
-  margin: var(--vg-alert-margin);
-  border: var(--vg-alert-border-width) var(--vg-alert-border-style) var(--vg-alert-border-color);
-  border-radius: var(--vg-alert-border-radius);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.vg-alert-success {
-  color: var(--vg-alert-success-color);
-  border-color: var(--vg-alert-success-border-color);
-  background-color: var(--vg-alert-success-background-color);
-}
-.vg-alert-error {
-  color: var(--vg-alert-error-color);
-  border-color: var(--vg-alert-error-border-color);
-  background-color: var(--vg-alert-error-background-color);
-}
-.vg-alert-content {
-  display: flex;
-  align-items: var(--vg-alert-content-align);
-  justify-content: var(--vg-alert-content-justify);
-  gap: var(--vg-alert-gap);
-  width: var(--vg-alert-content-width);
-}
-.vg-alert-content--icon {
-  width: var(--vg-alert-icon-width);
-  height: var(--vg-alert-icon-height);
-}
-.vg-alert-content--icon svg {
-  width: 100%;
-  height: 100%;
-}
-.vg-alert-content--icon .ui-success-circle {
-  stroke: var(--vg-alert-success-stroke);
-}
-.vg-alert-content--icon .ui-success-path {
-  stroke: var(--vg-alert-success-color);
-}
-.vg-alert-modal {
-  --vg-alert-icon-width: 150px;
-  --vg-alert-icon-height: 150px;
-  --vg-alert-padding: 5rem 2rem;
-  --vg-alert-border-width: 0;
-  margin: 0;
-}
-.vg-alert-modal .vg-alert-content {
-  flex-direction: column;
-  text-align: center;
-}
-
-/*# sourceMappingURL=vgalert.css.map */

package/app/modules/vgalert/scss/vgalert.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["vgalert.scss","../../../utils/scss/mixin.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;ECNG;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EDWF;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;AAIA;EACC;;AAGD;EACC;;AAMJ;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA","file":"vgalert.css"}

package/app/modules/vgdatatable/index.js

@@ -1,4 +0,0 @@
-import './scss/vgdatatable.scss'
-import VGDatatable from "./js/vgdatatable";
-
-export default VGDatatable;

package/app/modules/vgdatatable/js/vgdatatable.js

@@ -1,146 +0,0 @@
-import BaseModule from "../../base-module";
-import {isEmptyObj, isObject, mergeDeepObject, normalizeData} from "../../../utils/js/functions";
-import EventHandler from "../../../utils/js/dom/event";
-import Selectors from "../../../utils/js/dom/selectors";
-
-const NAME             = 'datatable';
-const NAME_KEY         = 'vg.datatable';
-
-const CLASS_NAME_LOADER  = 'vg-table-loader';
-
-const EVENT_KEY_LOADED = `${NAME_KEY}.loaded`;
-
-class VGDataTable extends BaseModule {
-	constructor(element, params) {
-		super(element, params);
-
-		this._params = this._getParams(element, mergeDeepObject({
-			mode: 'table', // варианты: table, list, card
-			table: {
-				padding: 0,
-				width: 0,
-				classes: []
-			},
-			paginate: {
-				enabled: true,
-				stack: true,
-				items: 10
-			},
-			loader: true,
-			ajax: {
-				enabled: true,
-				route: '',
-				target: '',
-				method: 'get',
-				loader: false,
-			}
-		}, params));
-
-		this.paginateCount = this._params.paginate.items;
-		this.paginateCountSlice = 0;
-	}
-
-	static get NAME() {
-		return NAME;
-	}
-
-	static get NAME_KEY() {
-		return NAME_KEY;
-	}
-
-	static init(el, params = {}) {
-		let instance = VGDataTable.getOrCreateInstance(el, params);
-		instance.build();
-	}
-
-	build() {
-		/*this._setBuildMode();
-
-		if (this._params.ajax.enabled) {
-			this._route((status, data) => {
-				setTimeout(() => {
-					EventHandler.trigger(this._element, EVENT_KEY_LOADED, {stats: status, data: data});
-
-					// todo это можно сделать на стороне сервера
-					let d = normalizeData(data.response),
-						arr = d.slice(this.paginateCountSlice, this.paginateCount);
-
-
-					this._setBuildMode(arr);
-				}, 1000);
-			});
-		}*/
-	}
-
-	_setBuildMode(data = {}) {
-		switch (this._params.mode) {
-			case 'table': this._modeBuildTable(data); break;
-			//case 'list':  this._modeBuildList(data);  break;
-			//case 'card':  this._modeBuildCard(data);  break;
-		}
-	}
-
-	_modeBuildTable(data) {
-	/*	let tbody = Selectors.find('tbody', this._element),
-			thead = Selectors.find('thead', this._element);
-
-		if (!thead && !tbody) return;
-
-		let countTD = [... Selectors.findAll('th', thead)].length;
-		if (!countTD) return;
-
-		let setData = (data, isLoading = false) => {
-			if (!isLoading) {
-				tbody.innerHTML = '';
-			}
-
-			console.log(data)
-
-			for (let i = 1; i <= this.paginateCount; i++) {
-				let tr = document.createElement('tr');
-
-				for (let n = 1; n <= countTD; n++) {
-					let td = document.createElement('td');
-					if (this._params.table.width > 0) td.style.width = this._params.table.width;
-					if (this._params.table.padding > 0) td.style.padding  = this._params.table.padding;
-					if (this._params.table.classes.length) td.classList.add(... this._params.table.classes);
-
-					if (isLoading) {
-						td.innerHTML = '<div class="'+ CLASS_NAME_LOADER +'"></div>';
-					} else {
-						td.innerHTML = Object.keys(data[i - 1])[n - 1];
-					}
-
-
-					tr.append(td);
-				}
-
-				tbody.append(tr);
-			}
-		}
-
-		if (isEmptyObj(data) && this._params.loader) {
-			setData({}, true);
-		} else {
-			setData(data)
-		}
-
-		/!*if (isObject(data)) {
-			for (const datum of data) {
-				console.log(datum)
-			}
-		} else {
-			target.innerHTML = data;
-		}*!/*/
-	}
-
-	_modeBuildList(data) {
-
-	}
-
-	_modeBuildCard(data) {
-
-	}
-}
-
-export default VGDataTable;

package/app/modules/vgdatatable/scss/_variables.scss

@@ -1,19 +0,0 @@
-$datatable-map: (
-		loader-bg: rgba(white, .15),
-		loader-border-radius: .5rem,
-		border-color: initial,
-		border-width: $border-width,
-		border-style: $border-style,
-		border-radius: $border-radius,
-		margin-bottom: 1rem,
-		vertical-align: top,
-		width: 100%,
-		color-state: initial,
-		color-type: initial,
-		color: $color,
-		bg-state: initial,
-		bg-type: initial,
-		bg-accent: transparent,
-		bg: $bg-color,
-		padding: 1em 1.5rem,
-);

package/app/modules/vgdatatable/scss/vgdatatable.scss

@@ -1,72 +0,0 @@
-/**
-*--------------------------------------------------------------------------
-* Модуль: VGDataTable
-* Автор: Vegas DEV
-* Лицензия: смотри LICENSE.md
-*--------------------------------------------------------------------------
-**/
-
-@import "../../../utils/scss/functions";
-@import "../../../utils/scss/mixin";
-@import "../../../utils/scss/variables";
-@import "variables";
-
-.vg-table {
-	@include mix-vars('table', $datatable-map);
-	width: var(--vg-table-width);
-	margin-bottom: var(--vg-table-margin-bottom);
-	vertical-align: var(--vg-table-vertical-align);
-	border-color: var(--vg-table-border-color);
-
-	> thead {
-		vertical-align: bottom;
-	}
-
-	> tbody {
-		vertical-align: inherit;
-	}
-
-	thead, tbody, tfoot, td, th, tr {
-		border-color: inherit;
-		border-style: solid;
-		border-width: 0;
-	}
-
-	> :not(caption) > * > * {
-		padding: var(--vg-table-padding);
-		color: var(--vg-table-color-state, var(--vg-table-color-type, var(--vg-table-color)));
-		background-color: var(--vg-table-bg);
-		border-bottom-width: var(--vg-table-border-width);
-		box-shadow: inset 0 0 0 9999px var(--vg-table-bg-state, var(--vg-table-bg-type, var(--vg-table-bg-accent)));
-	}
-
-	&-loader {
-		width: 100%;
-		height: 12px;
-		margin: .5rem 0;
-		background-color: var(--vg-table-loader-bg);
-		border-radius: var(--vg-table-loader-border-radius);
-		overflow: hidden;
-		position: relative;
-
-		&:after {
-			content: '';
-			width: 2rem;
-			height: 100%;
-			display: block;
-			background-color: rgba(white, .15);
-			top: 0;
-			left: -20%;
-			position: absolute;
-			filter: blur(7px);
-			transform: scale(1.5);
-			animation: loading-line-shadow 2s infinite;
-		}
-	}
-}
-
-@keyframes loading-line-shadow {
-	to {
-		left: 120%;
-	}
-}

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

@@ -1,47 +0,0 @@
-@charset "UTF-8";
-/**
-*--------------------------------------------------------------------------
-* Модуль: VGDropdown
-* Автор: Vegas DEV
-* Лицензия: смотри LICENSE
-*--------------------------------------------------------------------------
-**/
-.vg-dropdown {
-  position: relative;
-  --vg-dropdown-bg-color: #fff ;
-  --vg-dropdown-color: #000000 ;
-  --vg-dropdown-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
-  --vg-dropdown-border-width: 1px ;
-  --vg-dropdown-border-style: solid ;
-  --vg-dropdown-border-color: rgba(0, 0, 0, 0.2) ;
-  --vg-dropdown-border-radius: 0.375rem ;
-  --vg-dropdown-z-index: 1010 ;
-  --vg-dropdown-transition: all 0.5s ease-in-out ;
-  --vg-dropdown-min-width: 225px ;
-}
-.vg-dropdown-content {
-  z-index: var(--vg-dropdown-z-index);
-  position: absolute;
-  opacity: 0;
-  transform: translateY(20%);
-  transition: var(--vg-dropdown-transition);
-  min-width: var(--vg-dropdown-min-width);
-}
-.vg-dropdown-content:not(.show) {
-  display: none;
-}
-.vg-dropdown-content.fade {
-  opacity: 1;
-  transform: translateY(0);
-}
-.vg-dropdown-container {
-  background-color: var(--vg-dropdown-bg-color);
-  color: var(--vg-dropdown-color);
-  border-width: var(--vg-dropdown-border-width);
-  border-style: var(--vg-dropdown-border-style);
-  border-color: var(--vg-dropdown-border-color);
-  border-radius: var(--vg-dropdown-border-radius);
-  box-shadow: var(--vg-dropdown-box-shadow);
-}
-
-/*# sourceMappingURL=vgdropdown.css.map */

package/app/modules/vgdropdown/scss/vgdropdown.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["vgdropdown.scss","../../../utils/scss/mixin.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;EACC;ECPE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;ADUF;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"vgdropdown.css"}

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

@@ -1,13 +0,0 @@
-@charset "UTF-8";
-/**
-*--------------------------------------------------------------------------
-* Модуль: VGFormSender
-* Автор: Vegas DEV
-* Лицензия: смотри LICENSE
-*--------------------------------------------------------------------------
-**/
-.vg-form-sender-modal .vg-modal-content {
-  padding: 0;
-}
-
-/*# sourceMappingURL=vgformsender.css.map */

package/app/modules/vgformsender/scss/vgformsender.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["vgformsender.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcE;EACC","file":"vgformsender.css"}

package/app/modules/vglawcookie/scss/vglawcookie.css

@@ -1,87 +0,0 @@
-@charset "UTF-8";
-/**
-*--------------------------------------------------------------------------
-* Модуль: VGLawCookie
-* Автор: Vegas DEV
-* Лицензия: смотри LICENSE
-*--------------------------------------------------------------------------
-**/
-.vg-lawcookie {
-  --vg-lawcookie-background-color: #fff ;
-  --vg-lawcookie-color: #000000 ;
-  --vg-lawcookie-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
-  --vg-lawcookie-padding: 1rem ;
-  --vg-lawcookie-border: 1px solid rgba(0, 0, 0, 0.2) ;
-  --vg-lawcookie-border-radius: 0.375rem ;
-  --vg-lawcookie-z-index: 2000 ;
-  --vg-lawcookie-transition: all 0.5s ease-in-out ;
-  --vg-lawcookie-max-width: 50% ;
-  --vg-lawcookie-padding-outer: 1rem ;
-  --vg-lawcookie-font-size: 14px ;
-  --vg-lawcookie-title-font-size: 16px ;
-  position: fixed;
-  display: none;
-  padding: var(--vg-lawcookie-padding-outer);
-  z-index: var(--vg-lawcookie-z-index);
-  max-width: var(--vg-lawcookie-max-width);
-}
-@media screen and (max-width: 600px) {
-  .vg-lawcookie {
-    width: 100%;
-    --vg-lawcookie-max-width: 100%;
-  }
-}
-.vg-lawcookie.show {
-  display: block;
-}
-.vg-lawcookie.left {
-  left: 0;
-}
-.vg-lawcookie.right {
-  right: 0;
-}
-.vg-lawcookie.top {
-  top: 0;
-}
-.vg-lawcookie.bottom {
-  bottom: 0;
-}
-.vg-lawcookie.center {
-  top: 50%;
-  left: 50%;
-}
-.vg-lawcookie.center.left {
-  left: 0;
-}
-.vg-lawcookie.center.top {
-  top: 0;
-  left: 50%;
-}
-.vg-lawcookie.center.bottom {
-  top: auto;
-  bottom: 0;
-}
-.vg-lawcookie.center.right {
-  right: 0;
-  left: auto;
-}
-.vg-lawcookie.fullwidth {
-  max-width: 100%;
-  width: 100%;
-  --vg-lawcookie-padding-outer: 0;
-  --vg-lawcookie-border-radius: 0;
-  --vg-lawcookie-box-shadow: none;
-}
-.vg-lawcookie--content {
-  background-color: var(--vg-lawcookie-background-color);
-  border-radius: var(--vg-lawcookie-border-radius);
-  padding: var(--vg-lawcookie-padding);
-  color: var(--vg-lawcookie-color);
-  box-shadow: var(--vg-lawcookie-box-shadow);
-  font-size: var(--vg-lawcookie-font-size);
-}
-.vg-lawcookie--content .title {
-  font-size: var(--vg-lawcookie-title-font-size);
-}
-
-/*# sourceMappingURL=vglawcookie.css.map */

package/app/modules/vglawcookie/scss/vglawcookie.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["vglawcookie.scss","../../../utils/scss/mixin.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;ECNG;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EDQF;EACA;EACA;EACA;EACA;;AAEA;EARD;IASE;IACA;;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC","file":"vglawcookie.css"}