vue-intergrall-plugins 0.0.288 → 0.0.290

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 (40) hide show
  1. package/README.md +185 -185
  2. package/dist/vue-intergrall-plugins.esm.js +59 -58
  3. package/dist/vue-intergrall-plugins.min.js +1 -1
  4. package/dist/vue-intergrall-plugins.ssr.js +128 -127
  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/BtnDownloadAllFiles.vue +32 -32
  12. package/src/lib-components/Chat/BtnEmojis.vue +124 -124
  13. package/src/lib-components/Chat/BtnExpand.vue +17 -17
  14. package/src/lib-components/Chat/BtnFiles.vue +415 -415
  15. package/src/lib-components/Chat/BtnMic.vue +60 -60
  16. package/src/lib-components/Chat/BtnScreenShare.vue +32 -32
  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 +368 -368
  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 +1075 -1075
  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 +458 -458
  30. package/src/lib-components/Messages/CardAttachment.vue +61 -61
  31. package/src/lib-components/Messages/CardMessages.vue +460 -460
  32. package/src/lib-components/Messages/ChatMessages.vue +716 -715
  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/Scroll/ScrollContent.vue +150 -150
  38. package/src/lib-components/Templates/TemplateGenerator.vue +576 -576
  39. package/src/lib-components/Templates/TemplateMessage.vue +83 -83
  40. 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>