vgapp 0.4.0 → 0.4.2

package/index.js

@@ -1,56 +1,16 @@
 // css классы по умолчанию
 import "./app/utils/scss/default.scss";
 
-// sidebar
-import "./app/modules/vgsidebar/scss/vgsidebar.scss";
-import VGSidebar from "./app/modules/vgsidebar/js/vgsidebar";
-
-// collapse
-import VGCollapse from "./app/modules/vgcollapse/js/vgcollapse";
-
-// nav
-import "./app/modules/vgnav/scss/vgnav.scss";
-import VGNav from "./app/modules/vgnav/js/vgnav";
-
-// dropdown
-import "./app/modules/vgdropdown/scss/vgdropdown.scss";
-import VGDropdown from "./app/modules/vgdropdown/js/vgdropdown";
-
-// modal
-import "./app/modules/vgmodal/scss/vgmodal.scss";
-import VGModal from "./app/modules/vgmodal/js/vgmodal";
-
-// form sender
-import "./app/modules/vgformsender/scss/vgformsender.scss";
-import VGFormSender from "./app/modules/vgformsender/js/vgformsender";
-
-// rollup
-import "./app/modules/vgrollup/scss/vgrollup.scss";
-import VGRollup from "./app/modules/vgrollup/js/vgrollup";
-
-// law cookie
-import "./app/modules/vglawcookie/scss/vglawcookie.scss";
-import VGLawCookie from "./app/modules/vglawcookie/js/vglawcookie";
-
-// select
-import "./app/modules/vgselect/scss/vgselect.scss";
-import VGSelect from "./app/modules/vgselect/js/vgselect";
-
-// alert
-import "./app/modules/vgalert/scss/vgalert.scss";
-import VGAlert from "./app/modules/vgalert/js/vgalert";
-
-// toast
-import "./app/modules/vgtoast/scss/vgtoast.scss";
-import VGToast from "./app/modules/vgtoast/js/vgtoast";
-
-// datatable
-import "./app/modules/vgdatatable/scss/vgdatatable.scss";
-import VGDataTable from "./app/modules/vgdatatable/js/vgdatatable";
-
-// spy
-import VGSpy from "./app/modules/vgspy/js/vgspy";
-
-export {
-	VGSidebar, VGCollapse, VGNav, VGDropdown, VGModal, VGFormSender, VGRollup, VGLawCookie, VGSelect, VGAlert, VGToast, VGDataTable, VGSpy
-}
+//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';
+export { default as VGModal } from './app/modules/vgmodal';
+export { default as VGNav } from './app/modules/vgnav';
+export { default as VGRollup } from './app/modules/vgrollup';
+export { default as VGSelect } from './app/modules/vgselect';
+export { default as VGSidebar } from './app/modules/vgsidebar';
+export { default as VGSpy } from './app/modules/vgspy';
+export { default as VGToast } from './app/modules/vgtoast';

package/package.json

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

package/webpack.config.js

@@ -1,5 +1,5 @@
 const nameModule = 'VGApp';
-const outputPaths = ['./build', './public/assets/build'];
+const outputPaths = ['./build'];
 
 const path = require('path');
 const webpack = require('webpack');

package/app/modules/vgspy/scss/_variables.scss

@@ -1,26 +0,0 @@
-$toast-map: (
-		indent: 1rem,
-		height: auto,
-		width: auto,
-		z-index: $toast-index,
-		transition: all .3s ease-in-out,
-		padding: 8px 22px,
-		font-size: 1.125rem,
-		background-color: $bg-color,
-		color: $color,
-		border-width: $border-width,
-		border-color: transparent,
-		border-style: $border-style,
-		border-radius: 20px,
-		box-shadow: $box-shadow,
-		header-font-weight: 500,
-		header-font-size: .975rem,
-		body-font-size: 1rem,
-		body-font-weight: 400,
-);
-
-$toast-danger-map: $danger-map;
-$toast-success-map: $success-map;
-$toast-warning-map: $warning-map;
-$toast-info-map: $info-map;
-$toast-dark-map: $dark-map;

package/app/modules/vgspy/scss/vgtoast.css

@@ -1,133 +0,0 @@
-@charset "UTF-8";
-/**
-*--------------------------------------------------------------------------
-* Модуль: VGToast
-* Автор: Vegas DEV
-* Лицензия: смотри LICENSE
-*--------------------------------------------------------------------------
-**/
-.vg-toast {
-  --vg-toast-indent: 1rem ;
-  --vg-toast-height: auto ;
-  --vg-toast-width: auto ;
-  --vg-toast-z-index: 1050 ;
-  --vg-toast-transition: all 0.3s ease-in-out ;
-  --vg-toast-padding: 8px 22px ;
-  --vg-toast-font-size: 1.125rem ;
-  --vg-toast-background-color: #fff ;
-  --vg-toast-color: #000000 ;
-  --vg-toast-border-width: 1px ;
-  --vg-toast-border-color: transparent ;
-  --vg-toast-border-style: solid ;
-  --vg-toast-border-radius: 20px ;
-  --vg-toast-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
-  --vg-toast-header-font-weight: 500 ;
-  --vg-toast-header-font-size: 0.975rem ;
-  --vg-toast-body-font-size: 1rem ;
-  --vg-toast-body-font-weight: 400 ;
-  --vg-toast-danger-color: #58151c ;
-  --vg-toast-danger-border-color: #f1aeb5 ;
-  --vg-toast-danger-background-color: #f8d7da ;
-  --vg-toast-success-color: #0a3622 ;
-  --vg-toast-success-border-color: #a3cfbb ;
-  --vg-toast-success-background-color: #d1e7dd ;
-  --vg-toast-warning-color: #664d03 ;
-  --vg-toast-warning-border-color: #ffe69c ;
-  --vg-toast-warning-background-color: #fff3cd ;
-  --vg-toast-info-color: #055160 ;
-  --vg-toast-info-border-color: #9eeaf9 ;
-  --vg-toast-info-background-color: #cff4fc ;
-  --vg-toast-dark-color: #a7a7a7 ;
-  --vg-toast-dark-border-color: #0e0e0e ;
-  --vg-toast-dark-background-color: #070707 ;
-  position: fixed;
-  width: var(--vg-toast-width);
-  height: var(--vg-toast-height);
-  z-index: var(--vg-toast-z-index);
-  padding: var(--vg-toast-indent);
-  transition: var(--vg-toast-transition);
-}
-.vg-toast.bottom {
-  padding-top: 0;
-}
-.vg-toast.top {
-  padding-bottom: 0;
-}
-.vg-toast-danger {
-  --vg-toast-color: var(--vg-toast-danger-color);
-  --vg-toast-background-color: var(--vg-toast-danger-background-color);
-  --vg-toast-border-color: var(--vg-toast-danger-border-color);
-}
-.vg-toast-success {
-  --vg-toast-color: var(--vg-toast-success-color);
-  --vg-toast-background-color: var(--vg-toast-success-background-color);
-  --vg-toast-border-color: var(--vg-toast-success-border-color);
-}
-.vg-toast-warning {
-  --vg-toast-color: var(--vg-toast-warning-color);
-  --vg-toast-background-color: var(--vg-toast-warning-background-color);
-  --vg-toast-border-color: var(--vg-toast-warning-border-color);
-}
-.vg-toast-info {
-  --vg-toast-color: var(--vg-toast-info-color);
-  --vg-toast-background-color: var(--vg-toast-info-background-color);
-  --vg-toast-border-color: var(--vg-toast-info-border-color);
-}
-.vg-toast-dark {
-  --vg-toast-color: var(--vg-toast-dark-color);
-  --vg-toast-background-color: var(--vg-toast-dark-background-color);
-  --vg-toast-border-color: var(--vg-toast-dark-border-color);
-}
-.vg-toast:not(.show) {
-  display: none;
-}
-.vg-toast-wrapper {
-  background-color: var(--vg-toast-background-color);
-  padding: var(--vg-toast-padding);
-  color: var(--vg-toast-color);
-  border-width: var(--vg-toast-border-width);
-  border-style: var(--vg-toast-border-style);
-  border-color: var(--vg-toast-border-color);
-  border-radius: var(--vg-toast-border-radius);
-  box-shadow: var(--vg-toast-box-shadow);
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.vg-toast-header {
-  font-size: var(--vg-toast-header-font-size);
-  font-weight: var(--vg-toast-header-font-weight);
-}
-.vg-toast-body {
-  font-size: var(--vg-toast-body-font-size);
-  font-weight: var(--vg-toast-body-font-weight);
-}
-.vg-toast-pointer {
-  cursor: pointer;
-}
-.vg-toast-button {
-  width: auto;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.vg-toast-button .vg-btn-close {
-  position: relative;
-  left: unset;
-  top: unset;
-  right: unset;
-  bottom: unset;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  padding: 0;
-}
-.vg-toast-button .vg-btn-close svg {
-  width: 14px;
-  height: 14px;
-}
-.vg-toast-button .vg-btn-close svg polygon {
-  fill: var(--vg-toast-color);
-}
-
-/*# sourceMappingURL=vgtoast.css.map */

package/app/modules/vgspy/scss/vgtoast.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["vgtoast.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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EDaF;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC","file":"vgtoast.css"}

package/app/modules/vgspy/scss/vgtoast.scss

@@ -1,125 +0,0 @@
-/**
-*--------------------------------------------------------------------------
-* Модуль: VGToast
-* Автор: Vegas DEV
-* Лицензия: смотри LICENSE
-*--------------------------------------------------------------------------
-**/
-
-@import "../../../utils/scss/functions";
-@import "../../../utils/scss/mixin";
-@import "../../../utils/scss/variables";
-@import "variables";
-
-.vg-toast {
-	@include mix-vars('toast', $toast-map);
-	@include mix-vars('toast-danger', $toast-danger-map);
-	@include mix-vars('toast-success', $toast-success-map);
-	@include mix-vars('toast-warning', $toast-warning-map);
-	@include mix-vars('toast-info', $toast-info-map);
-	@include mix-vars('toast-dark', $toast-dark-map);
-	position: fixed;
-	width: var(--vg-toast-width);
-	height: var(--vg-toast-height);
-	z-index: var(--vg-toast-z-index);
-	padding: var(--vg-toast-indent);
-	transition: var(--vg-toast-transition);
-
-	&.bottom {
-		padding-top: 0;
-	}
-
-	&.top {
-		padding-bottom: 0;
-	}
-
-	&-danger {
-		--vg-toast-color: var(--vg-toast-danger-color);
-		--vg-toast-background-color: var(--vg-toast-danger-background-color);
-		--vg-toast-border-color: var(--vg-toast-danger-border-color);
-	}
-
-	&-success {
-		--vg-toast-color: var(--vg-toast-success-color);
-		--vg-toast-background-color: var(--vg-toast-success-background-color);
-		--vg-toast-border-color: var(--vg-toast-success-border-color);
-	}
-
-	&-warning {
-		--vg-toast-color: var(--vg-toast-warning-color);
-		--vg-toast-background-color: var(--vg-toast-warning-background-color);
-		--vg-toast-border-color: var(--vg-toast-warning-border-color);
-	}
-
-	&-info {
-		--vg-toast-color: var(--vg-toast-info-color);
-		--vg-toast-background-color: var(--vg-toast-info-background-color);
-		--vg-toast-border-color: var(--vg-toast-info-border-color);
-	}
-
-	&-dark {
-		--vg-toast-color: var(--vg-toast-dark-color);
-		--vg-toast-background-color: var(--vg-toast-dark-background-color);
-		--vg-toast-border-color: var(--vg-toast-dark-border-color);
-	}
-
-	&:not(.show) {
-		display: none;
-	}
-
-	&-wrapper {
-		background-color: var(--vg-toast-background-color);
-		padding: var(--vg-toast-padding);
-		color: var(--vg-toast-color);
-		border-width: var(--vg-toast-border-width);
-		border-style: var(--vg-toast-border-style);
-		border-color: var(--vg-toast-border-color);
-		border-radius: var(--vg-toast-border-radius);
-		box-shadow: var(--vg-toast-box-shadow);
-		display: flex;
-		align-items: center;
-		gap: 8px;
-	}
-
-	&-header {
-		font-size: var(--vg-toast-header-font-size);
-		font-weight: var(--vg-toast-header-font-weight);
-	}
-
-	&-body {
-		font-size: var(--vg-toast-body-font-size);
-		font-weight: var(--vg-toast-body-font-weight);
-	}
-
-	&-pointer {
-		cursor: pointer;
-	}
-
-	&-button {
-		width: auto;
-		height: 100%;
-		display: flex;
-		align-items: center;
-
-		.vg-btn-close {
-			position: relative;
-			left: unset;
-			top: unset;
-			right: unset;
-			bottom: unset;
-			height: 100%;
-			display: flex;
-			align-items: center;
-			padding: 0;
-
-			svg {
-				width: 14px;
-				height: 14px;
-
-				polygon {
-					fill: var(--vg-toast-color);
-				}
-			}
-		}
-	}
-}