vue-intergrall-plugins 0.0.286 → 0.0.288

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 +501 -398
  3. package/dist/vue-intergrall-plugins.min.js +1 -1
  4. package/dist/vue-intergrall-plugins.ssr.js +520 -433
  5. package/package.json +65 -65
  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 +412 -412
  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/AudioSpeedControl.vue +60 -0
  12. package/src/lib-components/Chat/BtnDownloadAllFiles.vue +32 -32
  13. package/src/lib-components/Chat/BtnEmojis.vue +124 -124
  14. package/src/lib-components/Chat/BtnExpand.vue +17 -17
  15. package/src/lib-components/Chat/BtnFiles.vue +415 -415
  16. package/src/lib-components/Chat/BtnMic.vue +60 -60
  17. package/src/lib-components/Chat/BtnScreenShare.vue +32 -32
  18. package/src/lib-components/Chat/BtnStandardMessages.vue +17 -17
  19. package/src/lib-components/Chat/ExpandTextarea.vue +410 -410
  20. package/src/lib-components/Chat/MultipleFilePreview.vue +266 -266
  21. package/src/lib-components/Chat/Picker.vue +368 -368
  22. package/src/lib-components/Chat/RemainingCharacters.vue +28 -28
  23. package/src/lib-components/Chat/SingleFilePreview.vue +94 -94
  24. package/src/lib-components/Chat/SkeletonPicker.vue +110 -110
  25. package/src/lib-components/Chat/StandardMessages.vue +245 -245
  26. package/src/lib-components/Chat/TextFooter.vue +1075 -817
  27. package/src/lib-components/Email/EmailFile.vue +125 -125
  28. package/src/lib-components/Email/EmailItem.vue +185 -185
  29. package/src/lib-components/Loader/Loader.vue +78 -78
  30. package/src/lib-components/Messages/AnexoMensagem.vue +458 -385
  31. package/src/lib-components/Messages/CardAttachment.vue +61 -61
  32. package/src/lib-components/Messages/CardMessages.vue +460 -460
  33. package/src/lib-components/Messages/ChatMessages.vue +715 -715
  34. package/src/lib-components/Messages/InteratividadeBotoes.vue +165 -165
  35. package/src/lib-components/Messages/InteratividadeFormulario.vue +392 -392
  36. package/src/lib-components/Messages/InteratividadePopup.vue +88 -88
  37. package/src/lib-components/Messages/LinkPreview.vue +163 -163
  38. package/src/lib-components/Scroll/ScrollContent.vue +150 -150
  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
@@ -1,60 +1,60 @@
1
- <template>
2
- <span class="text-footer-actions--btn" :class="{'audio-activated' : isRecording}" @click="toggleAudioRecorder">
3
- <fa-icon :icon="['fas', 'microphone']" />
4
- </span>
5
- </template>
6
-
7
- <script>
8
- export default {
9
- props: {
10
- dictionary: {
11
- type: Object,
12
- required: true
13
- }
14
- },
15
- data() {
16
- return {
17
- isRecording: false,
18
- mediaRecorder: {}
19
- }
20
- },
21
- methods: {
22
- toggleAudioRecorder() {
23
- if(!this.mediaRecorder.state) return this.initAudioRecorder()
24
-
25
- this.isRecording = !this.isRecording
26
-
27
- if(this.isRecording) return this.mediaRecorder.start()
28
- return this.mediaRecorder.stop()
29
- },
30
- initAudioRecorder() {
31
- navigator.mediaDevices.getUserMedia({ audio: true })
32
- .then(stream => {
33
- this.mediaRecorder = new MediaRecorder(stream)
34
- const audioChunks = []
35
- this.mediaRecorder.ondataavailable = eventData => { audioChunks.push(eventData.data) }
36
- this.mediaRecorder.onstop = () => {
37
- const blob = new Blob(audioChunks, { type: "audio/mpeg" })
38
- blob.lastModifiedDate = new Date()
39
- blob.name = `im-audio-file-${parseInt(Math.random() * 50000)}`
40
- const reader = new FileReader()
41
- reader.readAsDataURL(blob)
42
- reader.onloadend = () => {
43
- this.$emit("set-audio", { audioFile: new File([blob], `${blob.name}.mpeg`, { type: blob.type }), audioSource: reader.result })
44
- }
45
- stream.getTracks().forEach(track => track.stop())
46
- }
47
-
48
- this.toggleAudioRecorder()
49
- },
50
- error => {
51
- this.$toasted.global.defaultError({ msg: this.dictionary.msg_permitir_audio })
52
- console.error("error audio recorder: ", error)
53
- })
54
- },
55
- deleteMediaRecorder() {
56
- this.mediaRecorder = {}
57
- }
58
- }
59
- }
60
- </script>
1
+ <template>
2
+ <span class="text-footer-actions--btn" :class="{'audio-activated' : isRecording}" @click="toggleAudioRecorder">
3
+ <fa-icon :icon="['fas', 'microphone']" />
4
+ </span>
5
+ </template>
6
+
7
+ <script>
8
+ export default {
9
+ props: {
10
+ dictionary: {
11
+ type: Object,
12
+ required: true
13
+ }
14
+ },
15
+ data() {
16
+ return {
17
+ isRecording: false,
18
+ mediaRecorder: {}
19
+ }
20
+ },
21
+ methods: {
22
+ toggleAudioRecorder() {
23
+ if(!this.mediaRecorder.state) return this.initAudioRecorder()
24
+
25
+ this.isRecording = !this.isRecording
26
+
27
+ if(this.isRecording) return this.mediaRecorder.start()
28
+ return this.mediaRecorder.stop()
29
+ },
30
+ initAudioRecorder() {
31
+ navigator.mediaDevices.getUserMedia({ audio: true })
32
+ .then(stream => {
33
+ this.mediaRecorder = new MediaRecorder(stream)
34
+ const audioChunks = []
35
+ this.mediaRecorder.ondataavailable = eventData => { audioChunks.push(eventData.data) }
36
+ this.mediaRecorder.onstop = () => {
37
+ const blob = new Blob(audioChunks, { type: "audio/mpeg" })
38
+ blob.lastModifiedDate = new Date()
39
+ blob.name = `im-audio-file-${parseInt(Math.random() * 50000)}`
40
+ const reader = new FileReader()
41
+ reader.readAsDataURL(blob)
42
+ reader.onloadend = () => {
43
+ this.$emit("set-audio", { audioFile: new File([blob], `${blob.name}.mpeg`, { type: blob.type }), audioSource: reader.result })
44
+ }
45
+ stream.getTracks().forEach(track => track.stop())
46
+ }
47
+
48
+ this.toggleAudioRecorder()
49
+ },
50
+ error => {
51
+ this.$toasted.global.defaultError({ msg: this.dictionary.msg_permitir_audio })
52
+ console.error("error audio recorder: ", error)
53
+ })
54
+ },
55
+ deleteMediaRecorder() {
56
+ this.mediaRecorder = {}
57
+ }
58
+ }
59
+ }
60
+ </script>
@@ -1,32 +1,32 @@
1
- <template>
2
- <div class="text-footer-actions--btn" @click="$emit('toggle-standard-messages')" :title="dictionary.title_screen_share">
3
- <fa-icon :icon="['fas', 'desktop']" />
4
- <fa-icon :icon="['fas', 'share']" />
5
- </div>
6
- </template>
7
-
8
- <style scoped>
9
- .text-footer-actions--btn {
10
- position: relative;
11
- }
12
- .text-footer-actions--btn > svg:nth-child(1) {
13
- font-size: 1.2rem;
14
- }
15
- .text-footer-actions--btn > svg:nth-child(2) {
16
- font-size: .6rem;
17
- position: absolute;
18
- transform: translateY(-2px)
19
- }
20
- </style>
21
-
22
- <script>
23
- export default {
24
- props: {
25
- dictionary: {
26
- type: Object,
27
- default: {},
28
- required: false
29
- }
30
- }
31
- }
32
- </script>
1
+ <template>
2
+ <div class="text-footer-actions--btn" @click="$emit('toggle-standard-messages')" :title="dictionary.title_screen_share">
3
+ <fa-icon :icon="['fas', 'desktop']" />
4
+ <fa-icon :icon="['fas', 'share']" />
5
+ </div>
6
+ </template>
7
+
8
+ <style scoped>
9
+ .text-footer-actions--btn {
10
+ position: relative;
11
+ }
12
+ .text-footer-actions--btn > svg:nth-child(1) {
13
+ font-size: 1.2rem;
14
+ }
15
+ .text-footer-actions--btn > svg:nth-child(2) {
16
+ font-size: .6rem;
17
+ position: absolute;
18
+ transform: translateY(-2px)
19
+ }
20
+ </style>
21
+
22
+ <script>
23
+ export default {
24
+ props: {
25
+ dictionary: {
26
+ type: Object,
27
+ default: {},
28
+ required: false
29
+ }
30
+ }
31
+ }
32
+ </script>
@@ -1,17 +1,17 @@
1
- <template>
2
- <div class="text-footer-actions--btn" @click="$emit('toggle-standard-messages')" :title="dictionary.title_msg_formatada">
3
- <fa-icon :icon="['fas', 'comment']" />
4
- </div>
5
- </template>
6
-
7
- <script>
8
- export default {
9
- props: {
10
- dictionary: {
11
- type: Object,
12
- default: {},
13
- required: false
14
- }
15
- }
16
- }
17
- </script>
1
+ <template>
2
+ <div class="text-footer-actions--btn" @click="$emit('toggle-standard-messages')" :title="dictionary.title_msg_formatada">
3
+ <fa-icon :icon="['fas', 'comment']" />
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ export default {
9
+ props: {
10
+ dictionary: {
11
+ type: Object,
12
+ default: {},
13
+ required: false
14
+ }
15
+ }
16
+ }
17
+ </script>