vgapp 0.2.7 → 0.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/app/modules/vgalert/scss/vgalert.css +83 -83
  2. package/app/modules/vgdropdown/scss/vgdropdown.css +47 -47
  3. package/app/modules/vgformsender/scss/vgformsender.css +13 -13
  4. package/app/modules/vglawcookie/scss/vglawcookie.css +87 -87
  5. package/app/modules/vgmodal/scss/vgmodal.css +3824 -3824
  6. package/app/modules/vgnav/js/vgnav.js +5 -3
  7. package/app/modules/vgnav/scss/vgnav.css +312 -312
  8. package/app/modules/vgrollup/scss/vgrollup.css +44 -44
  9. package/app/modules/vgselect/scss/vgselect.css +256 -256
  10. package/app/modules/vgsidebar/scss/vgsidebar.css +86 -86
  11. package/app/modules/vgtoast/scss/vgtoast.css +133 -133
  12. package/app/utils/scss/default.css +198 -198
  13. package/build/vgapp.css +13 -5090
  14. package/build/vgapp.js +3 -4982
  15. package/build/vgapp.js.map +1 -1
  16. package/package.json +1 -1
package/app/modules/vgalert/scss/vgalert.css CHANGED
@@ -1,83 +1,83 @@
1
- @charset "UTF-8";
2
- /**
3
- *--------------------------------------------------------------------------
4
- * Модуль: VGAlert
5
- * Автор: Vegas DEV
6
- * Лицензия: смотри LICENSE
7
- *--------------------------------------------------------------------------
8
- **/
9
- .vg-alert {
10
- --vg-alert-padding: 2rem ;
11
- --vg-alert-margin: 0 0 2rem ;
12
- --vg-alert-border-width: 1px ;
13
- --vg-alert-border-style: solid ;
14
- --vg-alert-border-color: transparent ;
15
- --vg-alert-border-radius: 0.375rem ;
16
- --vg-alert-gap: 1.5rem ;
17
- --vg-alert-icon-width: 80px ;
18
- --vg-alert-icon-height: 80px ;
19
- --vg-alert-content-width: 100% ;
20
- --vg-alert-content-align: center ;
21
- --vg-alert-content-justify: flex-start ;
22
- --vg-alert-success-color: #88d15e ;
23
- --vg-alert-success-border-color: #A5DC86 ;
24
- --vg-alert-success-background-color: rgba(194, 231, 174, 0.15) ;
25
- --vg-alert-success-stroke: rgba(117, 183, 152, 0.4) ;
26
- --vg-alert-error-color: #f51313 ;
27
- --vg-alert-error-border-color: #F74444 ;
28
- --vg-alert-error-background-color: rgba(252, 190, 190, 0.075) ;
29
- --vg-alert-waiting-color: #ffcd37 ;
30
- --vg-alert-waiting-border-color: #ffda6a ;
31
- --vg-alert-waiting-background-color: rgba(255, 237, 183, 0.1) ;
32
- padding: var(--vg-alert-padding);
33
- margin: var(--vg-alert-margin);
34
- border: var(--vg-alert-border-width) var(--vg-alert-border-style) var(--vg-alert-border-color);
35
- border-radius: var(--vg-alert-border-radius);
36
- display: flex;
37
- align-items: center;
38
- justify-content: center;
39
- }
40
- .vg-alert-success {
41
- color: var(--vg-alert-success-color);
42
- border-color: var(--vg-alert-success-border-color);
43
- background-color: var(--vg-alert-success-background-color);
44
- }
45
- .vg-alert-error {
46
- color: var(--vg-alert-error-color);
47
- border-color: var(--vg-alert-error-border-color);
48
- background-color: var(--vg-alert-error-background-color);
49
- }
50
- .vg-alert-content {
51
- display: flex;
52
- align-items: var(--vg-alert-content-align);
53
- justify-content: var(--vg-alert-content-justify);
54
- gap: var(--vg-alert-gap);
55
- width: var(--vg-alert-content-width);
56
- }
57
- .vg-alert-content--icon {
58
- width: var(--vg-alert-icon-width);
59
- height: var(--vg-alert-icon-height);
60
- }
61
- .vg-alert-content--icon svg {
62
- width: 100%;
63
- height: 100%;
64
- }
65
- .vg-alert-content--icon .ui-success-circle {
66
- stroke: var(--vg-alert-success-stroke);
67
- }
68
- .vg-alert-content--icon .ui-success-path {
69
- stroke: var(--vg-alert-success-color);
70
- }
71
- .vg-alert-modal {
72
- --vg-alert-icon-width: 150px;
73
- --vg-alert-icon-height: 150px;
74
- --vg-alert-padding: 5rem 2rem;
75
- --vg-alert-border-width: 0;
76
- margin: 0;
77
- }
78
- .vg-alert-modal .vg-alert-content {
79
- flex-direction: column;
80
- text-align: center;
81
- }
82
-
83
- /*# sourceMappingURL=vgalert.css.map */
1
+ @charset "UTF-8";
2
+ /**
3
+ *--------------------------------------------------------------------------
4
+ * Модуль: VGAlert
5
+ * Автор: Vegas DEV
6
+ * Лицензия: смотри LICENSE
7
+ *--------------------------------------------------------------------------
8
+ **/
9
+ .vg-alert {
10
+ --vg-alert-padding: 2rem ;
11
+ --vg-alert-margin: 0 0 2rem ;
12
+ --vg-alert-border-width: 1px ;
13
+ --vg-alert-border-style: solid ;
14
+ --vg-alert-border-color: transparent ;
15
+ --vg-alert-border-radius: 0.375rem ;
16
+ --vg-alert-gap: 1.5rem ;
17
+ --vg-alert-icon-width: 80px ;
18
+ --vg-alert-icon-height: 80px ;
19
+ --vg-alert-content-width: 100% ;
20
+ --vg-alert-content-align: center ;
21
+ --vg-alert-content-justify: flex-start ;
22
+ --vg-alert-success-color: #88d15e ;
23
+ --vg-alert-success-border-color: #A5DC86 ;
24
+ --vg-alert-success-background-color: rgba(194, 231, 174, 0.15) ;
25
+ --vg-alert-success-stroke: rgba(117, 183, 152, 0.4) ;
26
+ --vg-alert-error-color: #f51313 ;
27
+ --vg-alert-error-border-color: #F74444 ;
28
+ --vg-alert-error-background-color: rgba(252, 190, 190, 0.075) ;
29
+ --vg-alert-waiting-color: #ffcd37 ;
30
+ --vg-alert-waiting-border-color: #ffda6a ;
31
+ --vg-alert-waiting-background-color: rgba(255, 237, 183, 0.1) ;
32
+ padding: var(--vg-alert-padding);
33
+ margin: var(--vg-alert-margin);
34
+ border: var(--vg-alert-border-width) var(--vg-alert-border-style) var(--vg-alert-border-color);
35
+ border-radius: var(--vg-alert-border-radius);
36
+ display: flex;
37
+ align-items: center;
38
+ justify-content: center;
39
+ }
40
+ .vg-alert-success {
41
+ color: var(--vg-alert-success-color);
42
+ border-color: var(--vg-alert-success-border-color);
43
+ background-color: var(--vg-alert-success-background-color);
44
+ }
45
+ .vg-alert-error {
46
+ color: var(--vg-alert-error-color);
47
+ border-color: var(--vg-alert-error-border-color);
48
+ background-color: var(--vg-alert-error-background-color);
49
+ }
50
+ .vg-alert-content {
51
+ display: flex;
52
+ align-items: var(--vg-alert-content-align);
53
+ justify-content: var(--vg-alert-content-justify);
54
+ gap: var(--vg-alert-gap);
55
+ width: var(--vg-alert-content-width);
56
+ }
57
+ .vg-alert-content--icon {
58
+ width: var(--vg-alert-icon-width);
59
+ height: var(--vg-alert-icon-height);
60
+ }
61
+ .vg-alert-content--icon svg {
62
+ width: 100%;
63
+ height: 100%;
64
+ }
65
+ .vg-alert-content--icon .ui-success-circle {
66
+ stroke: var(--vg-alert-success-stroke);
67
+ }
68
+ .vg-alert-content--icon .ui-success-path {
69
+ stroke: var(--vg-alert-success-color);
70
+ }
71
+ .vg-alert-modal {
72
+ --vg-alert-icon-width: 150px;
73
+ --vg-alert-icon-height: 150px;
74
+ --vg-alert-padding: 5rem 2rem;
75
+ --vg-alert-border-width: 0;
76
+ margin: 0;
77
+ }
78
+ .vg-alert-modal .vg-alert-content {
79
+ flex-direction: column;
80
+ text-align: center;
81
+ }
82
+
83
+ /*# sourceMappingURL=vgalert.css.map */
package/app/modules/vgdropdown/scss/vgdropdown.css CHANGED
@@ -1,47 +1,47 @@
1
- @charset "UTF-8";
2
- /**
3
- *--------------------------------------------------------------------------
4
- * Модуль: VGDropdown
5
- * Автор: Vegas DEV
6
- * Лицензия: смотри LICENSE
7
- *--------------------------------------------------------------------------
8
- **/
9
- .vg-dropdown {
10
- position: relative;
11
- --vg-dropdown-bg-color: #fff ;
12
- --vg-dropdown-color: #000000 ;
13
- --vg-dropdown-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
14
- --vg-dropdown-border-width: 1px ;
15
- --vg-dropdown-border-style: solid ;
16
- --vg-dropdown-border-color: rgba(0, 0, 0, 0.2) ;
17
- --vg-dropdown-border-radius: 0.375rem ;
18
- --vg-dropdown-z-index: 1010 ;
19
- --vg-dropdown-transition: all 0.5s ease-in-out ;
20
- --vg-dropdown-min-width: 225px ;
21
- }
22
- .vg-dropdown-content {
23
- z-index: var(--vg-dropdown-z-index);
24
- position: absolute;
25
- opacity: 0;
26
- transform: translateY(20%);
27
- transition: var(--vg-dropdown-transition);
28
- min-width: var(--vg-dropdown-min-width);
29
- }
30
- .vg-dropdown-content:not(.show) {
31
- display: none;
32
- }
33
- .vg-dropdown-content.fade {
34
- opacity: 1;
35
- transform: translateY(0);
36
- }
37
- .vg-dropdown-container {
38
- background-color: var(--vg-dropdown-bg-color);
39
- color: var(--vg-dropdown-color);
40
- border-width: var(--vg-dropdown-border-width);
41
- border-style: var(--vg-dropdown-border-style);
42
- border-color: var(--vg-dropdown-border-color);
43
- border-radius: var(--vg-dropdown-border-radius);
44
- box-shadow: var(--vg-dropdown-box-shadow);
45
- }
46
-
47
- /*# sourceMappingURL=vgdropdown.css.map */
1
+ @charset "UTF-8";
2
+ /**
3
+ *--------------------------------------------------------------------------
4
+ * Модуль: VGDropdown
5
+ * Автор: Vegas DEV
6
+ * Лицензия: смотри LICENSE
7
+ *--------------------------------------------------------------------------
8
+ **/
9
+ .vg-dropdown {
10
+ position: relative;
11
+ --vg-dropdown-bg-color: #fff ;
12
+ --vg-dropdown-color: #000000 ;
13
+ --vg-dropdown-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
14
+ --vg-dropdown-border-width: 1px ;
15
+ --vg-dropdown-border-style: solid ;
16
+ --vg-dropdown-border-color: rgba(0, 0, 0, 0.2) ;
17
+ --vg-dropdown-border-radius: 0.375rem ;
18
+ --vg-dropdown-z-index: 1010 ;
19
+ --vg-dropdown-transition: all 0.5s ease-in-out ;
20
+ --vg-dropdown-min-width: 225px ;
21
+ }
22
+ .vg-dropdown-content {
23
+ z-index: var(--vg-dropdown-z-index);
24
+ position: absolute;
25
+ opacity: 0;
26
+ transform: translateY(20%);
27
+ transition: var(--vg-dropdown-transition);
28
+ min-width: var(--vg-dropdown-min-width);
29
+ }
30
+ .vg-dropdown-content:not(.show) {
31
+ display: none;
32
+ }
33
+ .vg-dropdown-content.fade {
34
+ opacity: 1;
35
+ transform: translateY(0);
36
+ }
37
+ .vg-dropdown-container {
38
+ background-color: var(--vg-dropdown-bg-color);
39
+ color: var(--vg-dropdown-color);
40
+ border-width: var(--vg-dropdown-border-width);
41
+ border-style: var(--vg-dropdown-border-style);
42
+ border-color: var(--vg-dropdown-border-color);
43
+ border-radius: var(--vg-dropdown-border-radius);
44
+ box-shadow: var(--vg-dropdown-box-shadow);
45
+ }
46
+
47
+ /*# sourceMappingURL=vgdropdown.css.map */
package/app/modules/vgformsender/scss/vgformsender.css CHANGED
@@ -1,13 +1,13 @@
1
- @charset "UTF-8";
2
- /**
3
- *--------------------------------------------------------------------------
4
- * Модуль: VGFormSender
5
- * Автор: Vegas DEV
6
- * Лицензия: смотри LICENSE
7
- *--------------------------------------------------------------------------
8
- **/
9
- .vg-form-sender-modal .vg-modal-content {
10
- padding: 0;
11
- }
12
-
13
- /*# sourceMappingURL=vgformsender.css.map */
1
+ @charset "UTF-8";
2
+ /**
3
+ *--------------------------------------------------------------------------
4
+ * Модуль: VGFormSender
5
+ * Автор: Vegas DEV
6
+ * Лицензия: смотри LICENSE
7
+ *--------------------------------------------------------------------------
8
+ **/
9
+ .vg-form-sender-modal .vg-modal-content {
10
+ padding: 0;
11
+ }
12
+
13
+ /*# sourceMappingURL=vgformsender.css.map */
package/app/modules/vglawcookie/scss/vglawcookie.css CHANGED
@@ -1,87 +1,87 @@
1
- @charset "UTF-8";
2
- /**
3
- *--------------------------------------------------------------------------
4
- * Модуль: VGLawCookie
5
- * Автор: Vegas DEV
6
- * Лицензия: смотри LICENSE
7
- *--------------------------------------------------------------------------
8
- **/
9
- .vg-lawcookie {
10
- --vg-lawcookie-background-color: #fff ;
11
- --vg-lawcookie-color: #000000 ;
12
- --vg-lawcookie-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
13
- --vg-lawcookie-padding: 1rem ;
14
- --vg-lawcookie-border: 1px solid rgba(0, 0, 0, 0.2) ;
15
- --vg-lawcookie-border-radius: 0.375rem ;
16
- --vg-lawcookie-z-index: 2000 ;
17
- --vg-lawcookie-transition: all 0.5s ease-in-out ;
18
- --vg-lawcookie-max-width: 50% ;
19
- --vg-lawcookie-padding-outer: 1rem ;
20
- --vg-lawcookie-font-size: 14px ;
21
- --vg-lawcookie-title-font-size: 16px ;
22
- position: fixed;
23
- display: none;
24
- padding: var(--vg-lawcookie-padding-outer);
25
- z-index: var(--vg-lawcookie-z-index);
26
- max-width: var(--vg-lawcookie-max-width);
27
- }
28
- @media screen and (max-width: 600px) {
29
- .vg-lawcookie {
30
- width: 100%;
31
- --vg-lawcookie-max-width: 100%;
32
- }
33
- }
34
- .vg-lawcookie.show {
35
- display: block;
36
- }
37
- .vg-lawcookie.left {
38
- left: 0;
39
- }
40
- .vg-lawcookie.right {
41
- right: 0;
42
- }
43
- .vg-lawcookie.top {
44
- top: 0;
45
- }
46
- .vg-lawcookie.bottom {
47
- bottom: 0;
48
- }
49
- .vg-lawcookie.center {
50
- top: 50%;
51
- left: 50%;
52
- }
53
- .vg-lawcookie.center.left {
54
- left: 0;
55
- }
56
- .vg-lawcookie.center.top {
57
- top: 0;
58
- left: 50%;
59
- }
60
- .vg-lawcookie.center.bottom {
61
- top: auto;
62
- bottom: 0;
63
- }
64
- .vg-lawcookie.center.right {
65
- right: 0;
66
- left: auto;
67
- }
68
- .vg-lawcookie.fullwidth {
69
- max-width: 100%;
70
- width: 100%;
71
- --vg-lawcookie-padding-outer: 0;
72
- --vg-lawcookie-border-radius: 0;
73
- --vg-lawcookie-box-shadow: none;
74
- }
75
- .vg-lawcookie--content {
76
- background-color: var(--vg-lawcookie-background-color);
77
- border-radius: var(--vg-lawcookie-border-radius);
78
- padding: var(--vg-lawcookie-padding);
79
- color: var(--vg-lawcookie-color);
80
- box-shadow: var(--vg-lawcookie-box-shadow);
81
- font-size: var(--vg-lawcookie-font-size);
82
- }
83
- .vg-lawcookie--content .title {
84
- font-size: var(--vg-lawcookie-title-font-size);
85
- }
86
-
87
- /*# sourceMappingURL=vglawcookie.css.map */
1
+ @charset "UTF-8";
2
+ /**
3
+ *--------------------------------------------------------------------------
4
+ * Модуль: VGLawCookie
5
+ * Автор: Vegas DEV
6
+ * Лицензия: смотри LICENSE
7
+ *--------------------------------------------------------------------------
8
+ **/
9
+ .vg-lawcookie {
10
+ --vg-lawcookie-background-color: #fff ;
11
+ --vg-lawcookie-color: #000000 ;
12
+ --vg-lawcookie-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
13
+ --vg-lawcookie-padding: 1rem ;
14
+ --vg-lawcookie-border: 1px solid rgba(0, 0, 0, 0.2) ;
15
+ --vg-lawcookie-border-radius: 0.375rem ;
16
+ --vg-lawcookie-z-index: 2000 ;
17
+ --vg-lawcookie-transition: all 0.5s ease-in-out ;
18
+ --vg-lawcookie-max-width: 50% ;
19
+ --vg-lawcookie-padding-outer: 1rem ;
20
+ --vg-lawcookie-font-size: 14px ;
21
+ --vg-lawcookie-title-font-size: 16px ;
22
+ position: fixed;
23
+ display: none;
24
+ padding: var(--vg-lawcookie-padding-outer);
25
+ z-index: var(--vg-lawcookie-z-index);
26
+ max-width: var(--vg-lawcookie-max-width);
27
+ }
28
+ @media screen and (max-width: 600px) {
29
+ .vg-lawcookie {
30
+ width: 100%;
31
+ --vg-lawcookie-max-width: 100%;
32
+ }
33
+ }
34
+ .vg-lawcookie.show {
35
+ display: block;
36
+ }
37
+ .vg-lawcookie.left {
38
+ left: 0;
39
+ }
40
+ .vg-lawcookie.right {
41
+ right: 0;
42
+ }
43
+ .vg-lawcookie.top {
44
+ top: 0;
45
+ }
46
+ .vg-lawcookie.bottom {
47
+ bottom: 0;
48
+ }
49
+ .vg-lawcookie.center {
50
+ top: 50%;
51
+ left: 50%;
52
+ }
53
+ .vg-lawcookie.center.left {
54
+ left: 0;
55
+ }
56
+ .vg-lawcookie.center.top {
57
+ top: 0;
58
+ left: 50%;
59
+ }
60
+ .vg-lawcookie.center.bottom {
61
+ top: auto;
62
+ bottom: 0;
63
+ }
64
+ .vg-lawcookie.center.right {
65
+ right: 0;
66
+ left: auto;
67
+ }
68
+ .vg-lawcookie.fullwidth {
69
+ max-width: 100%;
70
+ width: 100%;
71
+ --vg-lawcookie-padding-outer: 0;
72
+ --vg-lawcookie-border-radius: 0;
73
+ --vg-lawcookie-box-shadow: none;
74
+ }
75
+ .vg-lawcookie--content {
76
+ background-color: var(--vg-lawcookie-background-color);
77
+ border-radius: var(--vg-lawcookie-border-radius);
78
+ padding: var(--vg-lawcookie-padding);
79
+ color: var(--vg-lawcookie-color);
80
+ box-shadow: var(--vg-lawcookie-box-shadow);
81
+ font-size: var(--vg-lawcookie-font-size);
82
+ }
83
+ .vg-lawcookie--content .title {
84
+ font-size: var(--vg-lawcookie-title-font-size);
85
+ }
86
+
87
+ /*# sourceMappingURL=vglawcookie.css.map */