vgapp 0.5.8 → 0.6.0

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 (62) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/app/modules/base-module.js +10 -0
  3. package/app/modules/vgalert/index.js +0 -2
  4. package/app/modules/vgdropdown/index.js +0 -1
  5. package/app/modules/vgdropdown/js/vgdropdown.js +11 -10
  6. package/app/modules/vgformsender/index.js +0 -1
  7. package/app/modules/vglawcookie/index.js +0 -1
  8. package/app/modules/vgmodal/index.js +0 -1
  9. package/app/modules/vgmodal/scss/vgmodal.scss +0 -1
  10. package/app/modules/vgnav/!old/!vgnav.js +510 -0
  11. package/app/modules/vgnav/!old/scss/_breakpoints.scss +127 -0
  12. package/app/modules/vgnav/!old/scss/_hamburger.scss +62 -0
  13. package/app/modules/vgnav/!old/scss/_placement.scss +70 -0
  14. package/app/modules/vgnav/!old/scss/_toggle.scss +20 -0
  15. package/app/modules/vgnav/!old/scss/_variables.scss +70 -0
  16. package/app/modules/vgnav/!old/scss/vgnav.scss +164 -0
  17. package/app/modules/vgnav/index.js +0 -1
  18. package/app/modules/vgnav/js/vgnav.js +136 -254
  19. package/app/modules/vgnav/scss/_placement.scss +1 -1
  20. package/app/modules/vgnav/scss/_variables.scss +18 -18
  21. package/app/modules/vgnav/scss/vgnav.scss +13 -10
  22. package/app/modules/vgrollup/index.js +0 -1
  23. package/app/modules/vgselect/index.js +0 -1
  24. package/app/modules/vgselect/js/vgselect.js +9 -1
  25. package/app/modules/vgsidebar/index.js +0 -1
  26. package/app/modules/vgtabs/index.js +0 -1
  27. package/app/modules/vgtoast/index.js +0 -1
  28. package/app/utils/js/components/placement.js +58 -1
  29. package/build/vgapp.css +1508 -20
  30. package/build/vgapp.css.map +1 -1
  31. package/build/vgapp.js +30 -3
  32. package/build/vgapp.js.map +1 -1
  33. package/index.js +0 -4
  34. package/index.scss +38 -0
  35. package/package.json +1 -1
  36. package/webpack.config.js +1 -1
  37. package/app/modules/vgalert/scss/vgalert.css +0 -83
  38. package/app/modules/vgalert/scss/vgalert.css.map +0 -1
  39. package/app/modules/vgdatatable/index.js +0 -4
  40. package/app/modules/vgdatatable/js/vgdatatable.js +0 -146
  41. package/app/modules/vgdatatable/scss/_variables.scss +0 -19
  42. package/app/modules/vgdatatable/scss/vgdatatable.scss +0 -72
  43. package/app/modules/vgdropdown/scss/vgdropdown.css +0 -47
  44. package/app/modules/vgdropdown/scss/vgdropdown.css.map +0 -1
  45. package/app/modules/vgformsender/scss/vgformsender.css +0 -13
  46. package/app/modules/vgformsender/scss/vgformsender.css.map +0 -1
  47. package/app/modules/vglawcookie/scss/vglawcookie.css +0 -87
  48. package/app/modules/vglawcookie/scss/vglawcookie.css.map +0 -1
  49. package/app/modules/vgmodal/scss/vgmodal.css +0 -3824
  50. package/app/modules/vgmodal/scss/vgmodal.css.map +0 -1
  51. package/app/modules/vgnav/scss/vgnav.css +0 -312
  52. package/app/modules/vgnav/scss/vgnav.css.map +0 -1
  53. package/app/modules/vgrollup/scss/vgrollup.css +0 -44
  54. package/app/modules/vgrollup/scss/vgrollup.css.map +0 -1
  55. package/app/modules/vgselect/scss/vgselect.css +0 -256
  56. package/app/modules/vgselect/scss/vgselect.css.map +0 -1
  57. package/app/modules/vgsidebar/scss/vgsidebar.css +0 -86
  58. package/app/modules/vgsidebar/scss/vgsidebar.css.map +0 -1
  59. package/app/modules/vgtoast/scss/vgtoast.css +0 -133
  60. package/app/modules/vgtoast/scss/vgtoast.css.map +0 -1
  61. package/app/utils/js/components/responsive.js +0 -83
  62. package/build/vgapp.js.LICENSE.txt +0 -1
@@ -1,86 +0,0 @@
1
- @charset "UTF-8";
2
- /**
3
- *--------------------------------------------------------------------------
4
- * Модуль: VGSidebar
5
- * Автор: Vegas DEV
6
- * Лицензия: смотри LICENSE
7
- *--------------------------------------------------------------------------
8
- **/
9
- .vg-sidebar {
10
- --vg-sidebar-horizontal-width: 400px ;
11
- --vg-sidebar-horizontal-height: 100vh ;
12
- --vg-sidebar-vertical-width: 100vw ;
13
- --vg-sidebar-vertical-height: 30vh ;
14
- --vg-sidebar-bg-color: #fff ;
15
- --vg-sidebar-color: #000000 ;
16
- --vg-sidebar-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
17
- --vg-sidebar-header-height: 60px ;
18
- --vg-sidebar-footer-height: 70px ;
19
- --vg-sidebar-padding: 1rem ;
20
- --vg-sidebar-border: 1px solid rgba(0, 0, 0, 0.2) ;
21
- --vg-sidebar-z-index: 1040 ;
22
- --vg-sidebar-transition: all 0.5s ease-in-out ;
23
- position: fixed;
24
- width: auto;
25
- height: auto;
26
- transition: var(--vg-sidebar-transition);
27
- z-index: var(--vg-sidebar-z-index);
28
- background: var(--vg-sidebar-bg-color);
29
- color: var(--vg-sidebar-color);
30
- box-shadow: var(--vg-sidebar-box-shadow);
31
- }
32
- .vg-sidebar.left, .vg-sidebar.right {
33
- width: var(--vg-sidebar-horizontal-width);
34
- height: var(--vg-sidebar-horizontal-height);
35
- top: 0;
36
- }
37
- .vg-sidebar.left {
38
- left: -105%;
39
- }
40
- .vg-sidebar.left.show {
41
- left: 0;
42
- }
43
- .vg-sidebar.right {
44
- right: -105%;
45
- }
46
- .vg-sidebar.right.show {
47
- right: 0;
48
- }
49
- .vg-sidebar.top, .vg-sidebar.bottom {
50
- height: var(--vg-sidebar-vertical-height);
51
- width: var(--vg-sidebar-vertical-width);
52
- left: 0;
53
- }
54
- .vg-sidebar.top {
55
- top: -105%;
56
- }
57
- .vg-sidebar.top.show {
58
- top: 0;
59
- }
60
- .vg-sidebar.bottom {
61
- bottom: -105%;
62
- }
63
- .vg-sidebar.bottom.show {
64
- bottom: 0;
65
- }
66
- .vg-sidebar-header {
67
- height: var(--vg-sidebar-header-height);
68
- z-index: 10;
69
- position: relative;
70
- display: flex;
71
- align-items: center;
72
- padding: var(--vg-sidebar-padding);
73
- border-bottom: var(--vg-sidebar-border);
74
- }
75
- .vg-sidebar-body {
76
- height: calc(100% - var(--vg-sidebar-header-height) - var(--vg-sidebar-footer-height));
77
- overflow-y: auto;
78
- padding: var(--vg-sidebar-padding);
79
- }
80
- .vg-sidebar-footer {
81
- height: var(--vg-sidebar-footer-height);
82
- padding: var(--vg-sidebar-padding);
83
- border-top: var(--vg-sidebar-border);
84
- }
85
-
86
- /*# sourceMappingURL=vgsidebar.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["vgsidebar.scss","../../../utils/scss/mixin.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;ECTI;EAAA;EAAA;EAAA;EAGD;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EDQF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAIF;EACC;;AAEA;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAIF;EACC;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA","file":"vgsidebar.css"}
@@ -1,133 +0,0 @@
1
- @charset "UTF-8";
2
- /**
3
- *--------------------------------------------------------------------------
4
- * Модуль: VGToast
5
- * Автор: Vegas DEV
6
- * Лицензия: смотри LICENSE
7
- *--------------------------------------------------------------------------
8
- **/
9
- .vg-toast {
10
- --vg-toast-indent: 1rem ;
11
- --vg-toast-height: auto ;
12
- --vg-toast-width: auto ;
13
- --vg-toast-z-index: 1050 ;
14
- --vg-toast-transition: all 0.3s ease-in-out ;
15
- --vg-toast-padding: 8px 22px ;
16
- --vg-toast-font-size: 1.125rem ;
17
- --vg-toast-background-color: #fff ;
18
- --vg-toast-color: #000000 ;
19
- --vg-toast-border-width: 1px ;
20
- --vg-toast-border-color: transparent ;
21
- --vg-toast-border-style: solid ;
22
- --vg-toast-border-radius: 20px ;
23
- --vg-toast-box-shadow: 0 8px 14px 5px rgba(0, 0, 0, 0.2) ;
24
- --vg-toast-header-font-weight: 500 ;
25
- --vg-toast-header-font-size: 0.975rem ;
26
- --vg-toast-body-font-size: 1rem ;
27
- --vg-toast-body-font-weight: 400 ;
28
- --vg-toast-danger-color: #58151c ;
29
- --vg-toast-danger-border-color: #f1aeb5 ;
30
- --vg-toast-danger-background-color: #f8d7da ;
31
- --vg-toast-success-color: #0a3622 ;
32
- --vg-toast-success-border-color: #a3cfbb ;
33
- --vg-toast-success-background-color: #d1e7dd ;
34
- --vg-toast-warning-color: #664d03 ;
35
- --vg-toast-warning-border-color: #ffe69c ;
36
- --vg-toast-warning-background-color: #fff3cd ;
37
- --vg-toast-info-color: #055160 ;
38
- --vg-toast-info-border-color: #9eeaf9 ;
39
- --vg-toast-info-background-color: #cff4fc ;
40
- --vg-toast-dark-color: #a7a7a7 ;
41
- --vg-toast-dark-border-color: #0e0e0e ;
42
- --vg-toast-dark-background-color: #070707 ;
43
- position: fixed;
44
- width: var(--vg-toast-width);
45
- height: var(--vg-toast-height);
46
- z-index: var(--vg-toast-z-index);
47
- padding: var(--vg-toast-indent);
48
- transition: var(--vg-toast-transition);
49
- }
50
- .vg-toast.bottom {
51
- padding-top: 0;
52
- }
53
- .vg-toast.top {
54
- padding-bottom: 0;
55
- }
56
- .vg-toast-danger {
57
- --vg-toast-color: var(--vg-toast-danger-color);
58
- --vg-toast-background-color: var(--vg-toast-danger-background-color);
59
- --vg-toast-border-color: var(--vg-toast-danger-border-color);
60
- }
61
- .vg-toast-success {
62
- --vg-toast-color: var(--vg-toast-success-color);
63
- --vg-toast-background-color: var(--vg-toast-success-background-color);
64
- --vg-toast-border-color: var(--vg-toast-success-border-color);
65
- }
66
- .vg-toast-warning {
67
- --vg-toast-color: var(--vg-toast-warning-color);
68
- --vg-toast-background-color: var(--vg-toast-warning-background-color);
69
- --vg-toast-border-color: var(--vg-toast-warning-border-color);
70
- }
71
- .vg-toast-info {
72
- --vg-toast-color: var(--vg-toast-info-color);
73
- --vg-toast-background-color: var(--vg-toast-info-background-color);
74
- --vg-toast-border-color: var(--vg-toast-info-border-color);
75
- }
76
- .vg-toast-dark {
77
- --vg-toast-color: var(--vg-toast-dark-color);
78
- --vg-toast-background-color: var(--vg-toast-dark-background-color);
79
- --vg-toast-border-color: var(--vg-toast-dark-border-color);
80
- }
81
- .vg-toast:not(.show) {
82
- display: none;
83
- }
84
- .vg-toast-wrapper {
85
- background-color: var(--vg-toast-background-color);
86
- padding: var(--vg-toast-padding);
87
- color: var(--vg-toast-color);
88
- border-width: var(--vg-toast-border-width);
89
- border-style: var(--vg-toast-border-style);
90
- border-color: var(--vg-toast-border-color);
91
- border-radius: var(--vg-toast-border-radius);
92
- box-shadow: var(--vg-toast-box-shadow);
93
- display: flex;
94
- align-items: center;
95
- gap: 8px;
96
- }
97
- .vg-toast-header {
98
- font-size: var(--vg-toast-header-font-size);
99
- font-weight: var(--vg-toast-header-font-weight);
100
- }
101
- .vg-toast-body {
102
- font-size: var(--vg-toast-body-font-size);
103
- font-weight: var(--vg-toast-body-font-weight);
104
- }
105
- .vg-toast-pointer {
106
- cursor: pointer;
107
- }
108
- .vg-toast-button {
109
- width: auto;
110
- height: 100%;
111
- display: flex;
112
- align-items: center;
113
- }
114
- .vg-toast-button .vg-btn-close {
115
- position: relative;
116
- left: unset;
117
- top: unset;
118
- right: unset;
119
- bottom: unset;
120
- height: 100%;
121
- display: flex;
122
- align-items: center;
123
- padding: 0;
124
- }
125
- .vg-toast-button .vg-btn-close svg {
126
- width: 14px;
127
- height: 14px;
128
- }
129
- .vg-toast-button .vg-btn-close svg polygon {
130
- fill: var(--vg-toast-color);
131
- }
132
-
133
- /*# sourceMappingURL=vgtoast.css.map */
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,83 +0,0 @@
1
- /**
2
- * Класс Responsive, работает по таким же медиа точкам, что и bootstrap
3
- * и определяет на тач устройства.
4
- */
5
-
6
- class Responsive {
7
- constructor() {
8
- this.breakpoints = {
9
- xs: 0,
10
- sm: 576,
11
- md: 768,
12
- lg: 992,
13
- xl: 1200,
14
- xxl: 1400,
15
- xxxl: 1600,
16
- };
17
- }
18
-
19
- /**
20
- * Если наша ширина экрана совпадает с диапазоном который указан в модуле выдаем true, иначе false
21
- * @param module
22
- * @returns {boolean}
23
- */
24
- static check(module) {
25
- let instance = new this ;
26
- return instance.define(module);
27
- }
28
-
29
- /**
30
- * Проверяет на тач устройства. TODO не совсем правильно, надо сделать по-другому
31
- * @returns {boolean}
32
- */
33
- static checkMobileOrTablet() {
34
- let check = false;
35
- (function(a) {
36
- if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.slice(0,4))){
37
- check = true;
38
- }
39
- })(navigator.userAgent||navigator.vendor||window.opera);
40
-
41
- return check;
42
- }
43
-
44
- define(module) {
45
- let windowWidth = window.innerWidth,
46
- responsive_size = this._checkResponsiveClass(module),
47
- breakpoints = this.breakpoints,
48
- point = Object.keys(breakpoints).find(key => breakpoints[key] === responsive_size);
49
-
50
- let keys = Object.keys(breakpoints),
51
- loc = keys.indexOf(point);
52
-
53
- return windowWidth >= breakpoints[keys[loc + 1]];
54
- }
55
-
56
- _checkResponsiveClass(module) {
57
- let element = module._element,
58
- params = module._params,
59
- current_responsive_size = 0;
60
-
61
- if (element.classList.contains(params.classes.XXXL)) {
62
- current_responsive_size = this.breakpoints.xxxl;
63
- } else if (element.classList.contains(params.classes.XXL)) {
64
- current_responsive_size = this.breakpoints.xxl;
65
- } else if (element.classList.contains(params.classes.XL)) {
66
- current_responsive_size = this.breakpoints.xl;
67
- } else if (element.classList.contains(params.classes.LG)) {
68
- current_responsive_size = this.breakpoints.lg;
69
- } else if (element.classList.contains(params.classes.MD)) {
70
- current_responsive_size = this.breakpoints.md;
71
- } else if (element.classList.contains(params.classes.SM)) {
72
- current_responsive_size = this.breakpoints.sm;
73
- } else if (element.classList.contains(params.classes.XS)) {
74
- current_responsive_size = this.breakpoints.xs;
75
- } else {
76
- current_responsive_size = this.breakpoints.xs;
77
- }
78
-
79
- return current_responsive_size
80
- }
81
- }
82
-
83
- export default Responsive;
@@ -1 +0,0 @@
1
- /*! js-cookie v3.0.1 | MIT */