vgapp 1.4.4 → 1.4.6

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 (123) hide show
  1. package/README.md +270 -270
  2. package/app/langs/en/buttons.json +17 -17
  3. package/app/langs/en/messages.json +36 -36
  4. package/app/langs/ru/buttons.json +17 -17
  5. package/app/langs/ru/messages.json +36 -36
  6. package/app/modules/vgalert/js/vgalert.js +266 -266
  7. package/app/modules/vgalert/scss/_variables.scss +16 -16
  8. package/app/modules/vgalert/scss/vgalert.scss +107 -107
  9. package/app/modules/vgcollapse/scss/_variables.scss +7 -7
  10. package/app/modules/vgcollapse/scss/vgcollapse.scss +5 -5
  11. package/app/modules/vgdropdown/scss/_variables.scss +14 -14
  12. package/app/modules/vgdropdown/scss/vgdropdown.scss +5 -5
  13. package/app/modules/vgdynamictable/index.js +4 -4
  14. package/app/modules/vgdynamictable/js/filters.js +21 -21
  15. package/app/modules/vgdynamictable/js/fixed.js +179 -179
  16. package/app/modules/vgdynamictable/js/options.js +3 -3
  17. package/app/modules/vgdynamictable/js/pagination.js +1 -1
  18. package/app/modules/vgdynamictable/js/search.js +12 -12
  19. package/app/modules/vgdynamictable/js/skeleton.js +27 -19
  20. package/app/modules/vgdynamictable/js/sortable.js +71 -71
  21. package/app/modules/vgdynamictable/js/summary-footer.js +28 -28
  22. package/app/modules/vgdynamictable/js/table-url-state.js +31 -31
  23. package/app/modules/vgdynamictable/js/utils/common.js +48 -48
  24. package/app/modules/vgdynamictable/js/vgdynamictable.js +79 -79
  25. package/app/modules/vgdynamictable/scss/_actions.scss +19 -19
  26. package/app/modules/vgdynamictable/scss/_pagination.scss +5 -5
  27. package/app/modules/vgdynamictable/scss/_skeleton.scss +11 -11
  28. package/app/modules/vgdynamictable/scss/_sortable.scss +28 -28
  29. package/app/modules/vgdynamictable/scss/_table.scss +7 -30
  30. package/app/modules/vgdynamictable/scss/_variables.scss +46 -46
  31. package/app/modules/vgdynamictable/scss/vgdynamictable.scss +28 -36
  32. package/app/modules/vgfilepreview/js/i18n.js +56 -56
  33. package/app/modules/vgfilepreview/js/renderers/image-modal.js +145 -145
  34. package/app/modules/vgfilepreview/js/renderers/image.js +92 -92
  35. package/app/modules/vgfilepreview/js/renderers/index.js +19 -19
  36. package/app/modules/vgfilepreview/js/renderers/office-modal.js +168 -168
  37. package/app/modules/vgfilepreview/js/renderers/office.js +79 -79
  38. package/app/modules/vgfilepreview/js/renderers/pdf-modal.js +260 -260
  39. package/app/modules/vgfilepreview/js/renderers/pdf.js +76 -76
  40. package/app/modules/vgfilepreview/js/renderers/playlist.js +71 -71
  41. package/app/modules/vgfilepreview/js/renderers/text-modal.js +343 -343
  42. package/app/modules/vgfilepreview/js/renderers/text.js +83 -83
  43. package/app/modules/vgfilepreview/js/renderers/video-modal.js +272 -272
  44. package/app/modules/vgfilepreview/js/renderers/video.js +80 -80
  45. package/app/modules/vgfilepreview/js/renderers/zip-modal.js +522 -522
  46. package/app/modules/vgfilepreview/js/renderers/zip.js +89 -89
  47. package/app/modules/vgfilepreview/js/vgfilepreview.js +7 -7
  48. package/app/modules/vgfilepreview/readme.md +68 -68
  49. package/app/modules/vgfilepreview/scss/_variables.scss +115 -115
  50. package/app/modules/vgfilepreview/scss/vgfilepreview.scss +463 -463
  51. package/app/modules/vgfiles/js/droppable.js +20 -9
  52. package/app/modules/vgfiles/js/render.js +153 -153
  53. package/app/modules/vgfiles/js/vgfiles.js +104 -104
  54. package/app/modules/vgfiles/readme.md +123 -123
  55. package/app/modules/vgfiles/scss/_mixins.scss +9 -9
  56. package/app/modules/vgfiles/scss/_variables.scss +41 -41
  57. package/app/modules/vgfiles/scss/vgfiles.scss +161 -161
  58. package/app/modules/vgformsender/js/hideshowpass.js +21 -16
  59. package/app/modules/vgformsender/js/vgformsender.js +4 -6
  60. package/app/modules/vgformsender/readme.md +1 -1
  61. package/app/modules/vgformsender/scss/_variables.scss +5 -5
  62. package/app/modules/vgformsender/scss/vgformsender.scss +42 -42
  63. package/app/modules/vglawcookie/js/vglawcookie.js +11 -8
  64. package/app/modules/vglawcookie/scss/_variables.scss +13 -13
  65. package/app/modules/vglawcookie/scss/vglawcookie.scss +5 -5
  66. package/app/modules/vgmodal/js/vgmodal.interaction.js +216 -216
  67. package/app/modules/vgmodal/js/vgmodal.js +355 -355
  68. package/app/modules/vgmodal/js/vgmodal.minimized.js +227 -227
  69. package/app/modules/vgmodal/scss/_variables.scss +17 -17
  70. package/app/modules/vgmodal/scss/vgmodal.scss +77 -77
  71. package/app/modules/vgnav/js/vgnav.js +180 -180
  72. package/app/modules/vgnav/scss/_breakpoints.scss +36 -36
  73. package/app/modules/vgnav/scss/_hamburger.scss +5 -5
  74. package/app/modules/vgnav/scss/_placement.scss +5 -5
  75. package/app/modules/vgnav/scss/_toggle.scss +5 -5
  76. package/app/modules/vgnav/scss/_variables.scss +26 -26
  77. package/app/modules/vgnav/scss/vgnav.scss +41 -41
  78. package/app/modules/vgnestable/README.md +39 -39
  79. package/app/modules/vgnestable/js/vgnestable.js +358 -358
  80. package/app/modules/vgnestable/scss/_variables.scss +35 -35
  81. package/app/modules/vgnestable/scss/vgnestable.scss +55 -55
  82. package/app/modules/vgrangeslider/js/skins.js +222 -222
  83. package/app/modules/vgrangeslider/js/vgrangeslider.js +704 -704
  84. package/app/modules/vgrangeslider/scss/_variables.scss +55 -55
  85. package/app/modules/vgrangeslider/scss/vgrangeslider.scss +239 -239
  86. package/app/modules/vgrollup/scss/_variables.scss +15 -15
  87. package/app/modules/vgrollup/scss/vgrollup.scss +6 -6
  88. package/app/modules/vgselect/js/vgselect.js +129 -129
  89. package/app/modules/vgselect/readme.md +11 -11
  90. package/app/modules/vgselect/scss/_variables.scss +50 -50
  91. package/app/modules/vgselect/scss/vgselect.scss +48 -48
  92. package/app/modules/vgsidebar/js/vgsidebar.js +79 -79
  93. package/app/modules/vgsidebar/scss/_variables.scss +10 -10
  94. package/app/modules/vgsidebar/scss/vgsidebar.scss +5 -5
  95. package/app/modules/vgtabs/scss/_variables.scss +23 -23
  96. package/app/modules/vgtabs/scss/vgtabs.scss +5 -5
  97. package/app/modules/vgtoast/scss/_variables.scss +13 -13
  98. package/app/modules/vgtoast/scss/vgtoast.scss +5 -5
  99. package/app/modules/vgtooltip/js/vgtooltip.js +107 -51
  100. package/app/modules/vgtooltip/scss/_variables.scss +10 -10
  101. package/app/modules/vgtooltip/scss/vgtooltip.scss +5 -5
  102. package/app/utils/js/components/audio-metadata.js +240 -240
  103. package/app/utils/js/components/backdrop.js +116 -116
  104. package/app/utils/js/components/file-icon.js +109 -109
  105. package/app/utils/js/components/file-preview.js +304 -304
  106. package/app/utils/js/components/sanitize.js +150 -150
  107. package/app/utils/js/components/video-metadata.js +140 -140
  108. package/app/utils/scss/_backdrop.scss +5 -5
  109. package/app/utils/scss/_theme-default.scss +12 -12
  110. package/app/utils/scss/_theme.scss +7 -7
  111. package/app/utils/scss/_tokens.scss +170 -170
  112. package/app/utils/scss/default.scss +9 -9
  113. package/app/utils/scss/functions.scss +21 -21
  114. package/app/utils/scss/index.scss +4 -4
  115. package/app/utils/scss/mixin.scss +16 -16
  116. package/app/utils/scss/variables.scss +105 -105
  117. package/app/vgapp.js +295 -295
  118. package/build/vgapp.css +1 -1
  119. package/build/vgapp.css.map +1 -1
  120. package/build/vgapp.js +1 -1
  121. package/build/vgapp.js.map +1 -1
  122. package/index.scss +20 -20
  123. package/package.json +4 -2
package/app/modules/vgnestable/scss/_variables.scss CHANGED
@@ -1,69 +1,69 @@
1
- @use "../../../utils/scss" as vg;
2
-
3
- $nestable-map: (
4
- list-transition: "background-color .15s ease, outline-color .15s ease",
5
- list-drop-target-bg: var(--vg-primary-subtle-bg, rgba(13, 110, 253, .06)),
6
- list-drop-target-outline: vg.$border-width dashed var(--vg-primary-outline-color, rgba(13, 110, 253, .45)),
1
+ @use "../../../utils/scss" as vg;
2
+
3
+ $nestable-map: (
4
+ list-transition: "background-color .15s ease, outline-color .15s ease",
5
+ list-drop-target-bg: var(--vg-primary-subtle-bg, rgba(13, 110, 253, .06)),
6
+ list-drop-target-outline: vg.$border-width dashed var(--vg-primary-outline-color, rgba(13, 110, 253, .45)),
7
7
  list-drop-target-outline-offset: 2px,
8
- list-drop-denied-bg: var(--vg-danger-subtle-bg, rgba(220, 53, 69, .06)),
9
- list-drop-denied-outline: vg.$border-width dashed var(--vg-danger-outline-color, rgba(220, 53, 69, .5)),
8
+ list-drop-denied-bg: var(--vg-danger-subtle-bg, rgba(220, 53, 69, .06)),
9
+ list-drop-denied-outline: vg.$border-width dashed var(--vg-danger-outline-color, rgba(220, 53, 69, .5)),
10
10
  list-drop-denied-outline-offset: 2px,
11
11
  list-nested-margin-top: .35rem,
12
12
  list-nested-padding-left: 1.25rem,
13
- list-nested-border-left: vg.$border-width dashed var(--vg-border-disabled-color, rgba(0, 0, 0, .12)),
13
+ list-nested-border-left: vg.$border-width dashed var(--vg-border-disabled-color, rgba(0, 0, 0, .12)),
14
14
 
15
15
  item-margin: .35rem 0,
16
- item-transition: opacity .15s ease,
17
- item-dragging-opacity: .85,
18
- item-ghost-opacity: .3,
19
- item-drop-line: var(--vg-primary-color, #0d6efd),
20
- item-drop-attachable-outline: vg.$border-width dashed var(--vg-primary-outline-color, rgba(13, 110, 253, .55)),
21
- item-drop-inside-bg: var(--vg-primary-muted-bg, rgba(13, 110, 253, .1)),
22
- item-drop-inside-border: var(--vg-primary-strong-border-color, rgba(13, 110, 253, .72)),
23
- item-drop-denied: var(--vg-danger-color, #dc3545),
24
- item-disabled-bg: var(--vg-surface-subtle-bg, rgba(0, 0, 0, .025)),
25
- item-disabled-handle-color: var(--vg-text-placeholder-color, rgba(0, 0, 0, .28)),
16
+ item-transition: opacity .15s ease,
17
+ item-dragging-opacity: .85,
18
+ item-ghost-opacity: .3,
19
+ item-drop-line: var(--vg-primary-color, #0d6efd),
20
+ item-drop-attachable-outline: vg.$border-width dashed var(--vg-primary-outline-color, rgba(13, 110, 253, .55)),
21
+ item-drop-inside-bg: var(--vg-primary-muted-bg, rgba(13, 110, 253, .1)),
22
+ item-drop-inside-border: var(--vg-primary-strong-border-color, rgba(13, 110, 253, .72)),
23
+ item-drop-denied: var(--vg-danger-color, #dc3545),
24
+ item-disabled-bg: var(--vg-surface-subtle-bg, rgba(0, 0, 0, .025)),
25
+ item-disabled-handle-color: var(--vg-text-placeholder-color, rgba(0, 0, 0, .28)),
26
26
 
27
27
  inner-gap: .5rem,
28
28
  inner-min-height: 40px,
29
29
  inner-padding: .45rem .65rem,
30
- inner-border: vg.$border-width vg.$border-style var(--vg-border-disabled-color, rgba(0, 0, 0, .12)),
31
- inner-bg: var(--vg-surface-bg, #{vg.$surface-bg}),
30
+ inner-border: vg.$border-width vg.$border-style var(--vg-border-disabled-color, rgba(0, 0, 0, .12)),
31
+ inner-bg: var(--vg-surface-bg, #{vg.$surface-bg}),
32
32
  inner-border-radius: .45rem,
33
33
 
34
34
  handle-size: 1.85rem,
35
- handle-border: vg.$border-width vg.$border-style var(--vg-border-disabled-color, rgba(0, 0, 0, .12)),
36
- handle-bg: var(--vg-surface-subtle-bg, rgba(0, 0, 0, .03)),
35
+ handle-border: vg.$border-width vg.$border-style var(--vg-border-disabled-color, rgba(0, 0, 0, .12)),
36
+ handle-bg: var(--vg-surface-subtle-bg, rgba(0, 0, 0, .03)),
37
37
  handle-border-radius: .35rem,
38
38
  handle-cursor: grab,
39
- handle-active-cursor: grabbing,
39
+ handle-active-cursor: grabbing,
40
40
 
41
41
  toggle-size: 1.85rem,
42
- toggle-border: vg.$border-width vg.$border-style var(--vg-border-disabled-color, rgba(0, 0, 0, .12)),
43
- toggle-bg: var(--vg-surface-subtle-bg, rgba(0, 0, 0, .03)),
42
+ toggle-border: vg.$border-width vg.$border-style var(--vg-border-disabled-color, rgba(0, 0, 0, .12)),
43
+ toggle-bg: var(--vg-surface-subtle-bg, rgba(0, 0, 0, .03)),
44
44
  toggle-border-radius: .35rem,
45
- toggle-color: var(--vg-text-muted-color, rgba(0, 0, 0, .65)),
45
+ toggle-color: var(--vg-text-muted-color, rgba(0, 0, 0, .65)),
46
46
  toggle-font-weight: 700,
47
47
  toggle-line-height: 1,
48
- toggle-hover-bg: var(--vg-surface-subtle-hover-bg, rgba(0, 0, 0, .07)),
48
+ toggle-hover-bg: var(--vg-surface-subtle-hover-bg, rgba(0, 0, 0, .07)),
49
49
  toggle-svg-size: 16px,
50
50
  toggle-svg-transition: transform .2s ease,
51
51
  toggle-svg-closed-transform: rotate(0deg),
52
52
  toggle-svg-open-transform: rotate(180deg),
53
53
 
54
54
  handle-icon-min-width: .9rem,
55
- handle-icon-color: var(--vg-text-disabled-color, rgba(0, 0, 0, .45)),
55
+ handle-icon-color: var(--vg-text-disabled-color, rgba(0, 0, 0, .45)),
56
56
  handle-icon-font-weight: 700,
57
57
  handle-icon-line-height: 1,
58
58
  handle-icon-letter-spacing: .06em,
59
59
 
60
- placeholder-border: vg.$border-width dashed var(--vg-primary-strong-border-color, rgba(13, 110, 253, .7)),
61
- placeholder-bg: var(--vg-primary-subtle-bg, rgba(13, 110, 253, .08)),
60
+ placeholder-border: vg.$border-width dashed var(--vg-primary-strong-border-color, rgba(13, 110, 253, .7)),
61
+ placeholder-bg: var(--vg-primary-subtle-bg, rgba(13, 110, 253, .08)),
62
62
  placeholder-border-radius: .45rem,
63
63
  placeholder-margin: .35rem 0,
64
64
  placeholder-min-height: 40px,
65
65
 
66
- drag-element-opacity: 1,
67
- drag-element-transform: scale(1.01),
68
- drag-element-shadow: 0 12px 30px var(--vg-shadow-color, rgba(0, 0, 0, .2))
69
- ) !default;
66
+ drag-element-opacity: 1,
67
+ drag-element-transform: scale(1.01),
68
+ drag-element-shadow: 0 12px 30px var(--vg-shadow-color, rgba(0, 0, 0, .2))
69
+ ) !default;
package/app/modules/vgnestable/scss/vgnestable.scss CHANGED
@@ -6,12 +6,12 @@
6
6
  *--------------------------------------------------------------------------
7
7
  **/
8
8
 
9
- @forward "variables";
10
- @use "../../../utils/scss" as vg;
11
- @use "variables" as vars;
9
+ @forward "variables";
10
+ @use "../../../utils/scss" as vg;
11
+ @use "variables" as vars;
12
12
 
13
13
  .vg-nestable {
14
- @include vg.mix-vars('nestable', vars.$nestable-map);
14
+ @include vg.mix-vars('nestable', vars.$nestable-map);
15
15
 
16
16
  &-list {
17
17
  list-style: none;
@@ -38,7 +38,7 @@
38
38
  }
39
39
  }
40
40
 
41
- &-item {
41
+ &-item {
42
42
  margin: var(--vg-nestable-item-margin);
43
43
  position: relative;
44
44
  transition: var(--vg-nestable-item-transition);
@@ -47,43 +47,43 @@
47
47
  opacity: var(--vg-nestable-item-dragging-opacity);
48
48
  }
49
49
 
50
- &.is-drag-ghost {
51
- opacity: var(--vg-nestable-item-ghost-opacity);
52
- }
53
-
54
- &.is-drop-before > .vg-nestable-inner {
55
- box-shadow: inset 0 3px 0 var(--vg-nestable-item-drop-line);
56
- }
57
-
58
- &.is-drop-after > .vg-nestable-inner {
59
- box-shadow: inset 0 -3px 0 var(--vg-nestable-item-drop-line);
60
- }
61
-
62
- &.is-drop-attachable > .vg-nestable-inner {
63
- outline: var(--vg-nestable-item-drop-attachable-outline);
64
- outline-offset: 2px;
65
- }
66
-
67
- &.is-drop-inside > .vg-nestable-inner {
68
- border-color: var(--vg-nestable-item-drop-inside-border);
69
- background: var(--vg-nestable-item-drop-inside-bg);
70
- box-shadow: 0 0 0 3px var(--vg-nestable-item-drop-inside-bg);
71
- }
72
-
73
- &.is-drop-denied > .vg-nestable-inner {
74
- border-color: var(--vg-nestable-item-drop-denied);
75
- box-shadow: 0 0 0 2px rgba(220, 53, 69, .12);
76
- }
77
-
78
- &.is-drag-disabled > .vg-nestable-inner {
79
- background: var(--vg-nestable-item-disabled-bg);
80
- }
81
-
82
- &.is-drag-disabled > .vg-nestable-inner > .vg-nestable-handle {
83
- color: var(--vg-nestable-item-disabled-handle-color);
84
- cursor: not-allowed;
85
- }
86
- }
50
+ &.is-drag-ghost {
51
+ opacity: var(--vg-nestable-item-ghost-opacity);
52
+ }
53
+
54
+ &.is-drop-before > .vg-nestable-inner {
55
+ box-shadow: inset 0 3px 0 var(--vg-nestable-item-drop-line);
56
+ }
57
+
58
+ &.is-drop-after > .vg-nestable-inner {
59
+ box-shadow: inset 0 -3px 0 var(--vg-nestable-item-drop-line);
60
+ }
61
+
62
+ &.is-drop-attachable > .vg-nestable-inner {
63
+ outline: var(--vg-nestable-item-drop-attachable-outline);
64
+ outline-offset: 2px;
65
+ }
66
+
67
+ &.is-drop-inside > .vg-nestable-inner {
68
+ border-color: var(--vg-nestable-item-drop-inside-border);
69
+ background: var(--vg-nestable-item-drop-inside-bg);
70
+ box-shadow: 0 0 0 3px var(--vg-nestable-item-drop-inside-bg);
71
+ }
72
+
73
+ &.is-drop-denied > .vg-nestable-inner {
74
+ border-color: var(--vg-nestable-item-drop-denied);
75
+ box-shadow: 0 0 0 2px rgba(220, 53, 69, .12);
76
+ }
77
+
78
+ &.is-drag-disabled > .vg-nestable-inner {
79
+ background: var(--vg-nestable-item-disabled-bg);
80
+ }
81
+
82
+ &.is-drag-disabled > .vg-nestable-inner > .vg-nestable-handle {
83
+ color: var(--vg-nestable-item-disabled-handle-color);
84
+ cursor: not-allowed;
85
+ }
86
+ }
87
87
 
88
88
  &-inner {
89
89
  display: flex;
@@ -107,9 +107,9 @@
107
107
  border: var(--vg-nestable-handle-border);
108
108
  background: var(--vg-nestable-handle-bg);
109
109
  border-radius: var(--vg-nestable-handle-border-radius);
110
- cursor: var(--vg-nestable-handle-cursor);
111
- user-select: none;
112
- touch-action: none;
110
+ cursor: var(--vg-nestable-handle-cursor);
111
+ user-select: none;
112
+ touch-action: none;
113
113
 
114
114
  &:active {
115
115
  cursor: var(--vg-nestable-handle-active-cursor);
@@ -188,13 +188,13 @@
188
188
  height: 0 !important;
189
189
  }
190
190
 
191
- &-item.is-drag-ghost#{&}-drag-element {
192
- opacity: var(--vg-nestable-drag-element-opacity);
193
- transform: var(--vg-nestable-drag-element-transform);
194
- box-shadow: var(--vg-nestable-drag-element-shadow);
195
-
196
- > .vg-nestable-inner {
197
- background: var(--vg-nestable-inner-bg);
198
- }
199
- }
200
- }
191
+ &-item.is-drag-ghost#{&}-drag-element {
192
+ opacity: var(--vg-nestable-drag-element-opacity);
193
+ transform: var(--vg-nestable-drag-element-transform);
194
+ box-shadow: var(--vg-nestable-drag-element-shadow);
195
+
196
+ > .vg-nestable-inner {
197
+ background: var(--vg-nestable-inner-bg);
198
+ }
199
+ }
200
+ }