vue-intergrall-plugins 0.0.504 → 0.0.510

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 (41) hide show
  1. package/README.md +185 -185
  2. package/dist/vue-intergrall-plugins.esm.js +596 -513
  3. package/dist/vue-intergrall-plugins.min.js +1 -1
  4. package/dist/vue-intergrall-plugins.ssr.js +607 -541
  5. package/package.json +67 -66
  6. package/src/lib-components/Buttons/IconButton.vue +27 -27
  7. package/src/lib-components/Buttons/SimpleButton.vue +140 -140
  8. package/src/lib-components/Cards/Card.vue +429 -429
  9. package/src/lib-components/Cards/CardCheck.vue +35 -35
  10. package/src/lib-components/Cards/CardFile.vue +157 -157
  11. package/src/lib-components/Chat/BtnDownloadAllFiles.vue +36 -36
  12. package/src/lib-components/Chat/BtnEmojis.vue +131 -131
  13. package/src/lib-components/Chat/BtnExpand.vue +17 -17
  14. package/src/lib-components/Chat/BtnFiles.vue +541 -541
  15. package/src/lib-components/Chat/BtnMic.vue +60 -60
  16. package/src/lib-components/Chat/BtnScreenShare.vue +36 -36
  17. package/src/lib-components/Chat/BtnStandardMessages.vue +17 -17
  18. package/src/lib-components/Chat/ExpandTextarea.vue +410 -410
  19. package/src/lib-components/Chat/MultipleFilePreview.vue +266 -266
  20. package/src/lib-components/Chat/Picker.vue +405 -405
  21. package/src/lib-components/Chat/RemainingCharacters.vue +28 -28
  22. package/src/lib-components/Chat/SingleFilePreview.vue +94 -94
  23. package/src/lib-components/Chat/SkeletonPicker.vue +110 -110
  24. package/src/lib-components/Chat/StandardMessages.vue +245 -245
  25. package/src/lib-components/Chat/TextFooter.vue +1030 -1030
  26. package/src/lib-components/Email/EmailFile.vue +125 -125
  27. package/src/lib-components/Email/EmailItem.vue +185 -185
  28. package/src/lib-components/Loader/Loader.vue +78 -78
  29. package/src/lib-components/Messages/AnexoMensagem.vue +442 -442
  30. package/src/lib-components/Messages/CardAttachment.vue +61 -61
  31. package/src/lib-components/Messages/CardMessages.vue +666 -666
  32. package/src/lib-components/Messages/ChatMessages.vue +1082 -1077
  33. package/src/lib-components/Messages/InteratividadeBotoes.vue +165 -165
  34. package/src/lib-components/Messages/InteratividadeFormulario.vue +392 -392
  35. package/src/lib-components/Messages/InteratividadePopup.vue +88 -88
  36. package/src/lib-components/Messages/LinkPreview.vue +163 -163
  37. package/src/lib-components/Midea/Player.vue +25 -0
  38. package/src/lib-components/Scroll/ScrollContent.vue +166 -166
  39. package/src/lib-components/Templates/TemplateGenerator.vue +576 -576
  40. package/src/lib-components/Templates/TemplateMessage.vue +83 -83
  41. package/src/lib-components/Templates/TemplateSingle.vue +481 -481
package/src/lib-components/Loader/Loader.vue CHANGED
@@ -1,78 +1,78 @@
1
- <template>
2
- <div class="req-loader-container" :class="{'align-right' : alignRight, 'light-bg' : hasBg}">
3
- <div class="req-loader" :class="{'big' : size == 'big', 'slow' : slow}"></div>
4
- </div>
5
- </template>
6
-
7
- <script>
8
- export default {
9
- props: {
10
- hasBg: {
11
- type: Boolean,
12
- required: false
13
- },
14
- alignRight: {
15
- type: Boolean,
16
- required: false
17
- },
18
- size: {
19
- type: String,
20
- required: false,
21
- default: "small"
22
- },
23
- slow: {
24
- type: Boolean,
25
- required: false
26
- }
27
- }
28
- }
29
- </script>
30
-
31
- <style>
32
- .req-loader-container {
33
- position: absolute;
34
- z-index: 1;
35
- top: 0;
36
- left: 0;
37
- width: 100%;
38
- height: 100%;
39
- display: flex;
40
- justify-content: center;
41
- align-items: center;
42
- }
43
- .req-loader-container.light-bg {
44
- background-color: rgba(0, 0, 0, 0.3);
45
- border-radius: inherit;
46
- }
47
- .req-loader-container.align-right {
48
- justify-content: flex-end;
49
- }
50
- .req-loader-container.align-right .req-loader {
51
- margin-right: 15px;
52
- }
53
-
54
- .req-loader {
55
- border: 2px solid #CCC;
56
- border-top: 2px solid #333;
57
- border-radius: 50%;
58
- width: 20px;
59
- height: 20px;
60
- min-width: 20px;
61
- min-height: 20px;
62
- animation: spin 2s linear infinite;
63
- }
64
- .req-loader.big {
65
- width: 40px;
66
- height: 40px;
67
- animation: spin 3s linear infinite;
68
- }
69
- .req-loader.slow {
70
- animation: spin 4s linear infinite;
71
- }
72
-
73
- @keyframes spin {
74
- 0% { transform: rotate(0deg); }
75
- 100% { transform: rotate(360deg); }
76
- }
77
-
78
- </style>
1
+ <template>
2
+ <div class="req-loader-container" :class="{'align-right' : alignRight, 'light-bg' : hasBg}">
3
+ <div class="req-loader" :class="{'big' : size == 'big', 'slow' : slow}"></div>
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ export default {
9
+ props: {
10
+ hasBg: {
11
+ type: Boolean,
12
+ required: false
13
+ },
14
+ alignRight: {
15
+ type: Boolean,
16
+ required: false
17
+ },
18
+ size: {
19
+ type: String,
20
+ required: false,
21
+ default: "small"
22
+ },
23
+ slow: {
24
+ type: Boolean,
25
+ required: false
26
+ }
27
+ }
28
+ }
29
+ </script>
30
+
31
+ <style>
32
+ .req-loader-container {
33
+ position: absolute;
34
+ z-index: 1;
35
+ top: 0;
36
+ left: 0;
37
+ width: 100%;
38
+ height: 100%;
39
+ display: flex;
40
+ justify-content: center;
41
+ align-items: center;
42
+ }
43
+ .req-loader-container.light-bg {
44
+ background-color: rgba(0, 0, 0, 0.3);
45
+ border-radius: inherit;
46
+ }
47
+ .req-loader-container.align-right {
48
+ justify-content: flex-end;
49
+ }
50
+ .req-loader-container.align-right .req-loader {
51
+ margin-right: 15px;
52
+ }
53
+
54
+ .req-loader {
55
+ border: 2px solid #CCC;
56
+ border-top: 2px solid #333;
57
+ border-radius: 50%;
58
+ width: 20px;
59
+ height: 20px;
60
+ min-width: 20px;
61
+ min-height: 20px;
62
+ animation: spin 2s linear infinite;
63
+ }
64
+ .req-loader.big {
65
+ width: 40px;
66
+ height: 40px;
67
+ animation: spin 3s linear infinite;
68
+ }
69
+ .req-loader.slow {
70
+ animation: spin 4s linear infinite;
71
+ }
72
+
73
+ @keyframes spin {
74
+ 0% { transform: rotate(0deg); }
75
+ 100% { transform: rotate(360deg); }
76
+ }
77
+
78
+ </style>