@weni/unnnic-system 3.25.1 → 3.25.2
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.
- package/dist/{es-C8VS1ffe.mjs → es-BDAz3NtB.mjs} +1 -1
- package/dist/{index-C6Qo0kKX.mjs → index-CUqc1Vz2.mjs} +159 -120
- package/dist/index.d.ts +144 -4
- package/dist/{pt-br-DeXLNEjj.mjs → pt-br-BJz_J4p6.mjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/unnnic.mjs +1 -1
- package/dist/unnnic.umd.js +10 -10
- package/package.json +2 -2
- package/src/components/AudioRecorder/AudioHandler.vue +28 -2
- package/src/components/AudioRecorder/AudioRecorder.vue +21 -7
package/package.json
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
</span>
|
|
7
7
|
|
|
8
8
|
<UnnnicIcon
|
|
9
|
+
v-if="!hideRecordingIndicator"
|
|
9
10
|
icon="indicator"
|
|
10
11
|
size="sm"
|
|
11
12
|
:class="[{ 'is-recording': isRecording }]"
|
|
@@ -15,7 +16,7 @@
|
|
|
15
16
|
|
|
16
17
|
<UnnnicToolTip
|
|
17
18
|
enabled
|
|
18
|
-
text="
|
|
19
|
+
:text="saveText || i18n('save')"
|
|
19
20
|
side="top"
|
|
20
21
|
>
|
|
21
22
|
<span
|
|
@@ -24,7 +25,8 @@
|
|
|
24
25
|
@keypress.enter="save"
|
|
25
26
|
>
|
|
26
27
|
<UnnnicIcon
|
|
27
|
-
|
|
28
|
+
size="ant"
|
|
29
|
+
icon="check_circle"
|
|
28
30
|
scheme="feedback-green"
|
|
29
31
|
/>
|
|
30
32
|
</span>
|
|
@@ -35,6 +37,7 @@
|
|
|
35
37
|
<script>
|
|
36
38
|
import UnnnicIcon from '../Icon.vue';
|
|
37
39
|
import UnnnicToolTip from '../ToolTip/ToolTip.vue';
|
|
40
|
+
import UnnnicI18n from '../../mixins/i18n';
|
|
38
41
|
|
|
39
42
|
export default {
|
|
40
43
|
components: {
|
|
@@ -42,6 +45,8 @@ export default {
|
|
|
42
45
|
UnnnicToolTip,
|
|
43
46
|
},
|
|
44
47
|
|
|
48
|
+
mixins: [UnnnicI18n],
|
|
49
|
+
|
|
45
50
|
props: {
|
|
46
51
|
isRecording: {
|
|
47
52
|
type: Boolean,
|
|
@@ -51,9 +56,30 @@ export default {
|
|
|
51
56
|
type: String,
|
|
52
57
|
default: '',
|
|
53
58
|
},
|
|
59
|
+
saveText: {
|
|
60
|
+
type: String,
|
|
61
|
+
default: '',
|
|
62
|
+
},
|
|
63
|
+
hideRecordingIndicator: {
|
|
64
|
+
type: Boolean,
|
|
65
|
+
default: false,
|
|
66
|
+
},
|
|
54
67
|
},
|
|
68
|
+
|
|
55
69
|
emits: ['save'],
|
|
56
70
|
|
|
71
|
+
data() {
|
|
72
|
+
return {
|
|
73
|
+
defaultTranslations: {
|
|
74
|
+
save: {
|
|
75
|
+
'pt-br': 'Salvar',
|
|
76
|
+
en: 'Save',
|
|
77
|
+
es: 'Guardar',
|
|
78
|
+
},
|
|
79
|
+
},
|
|
80
|
+
};
|
|
81
|
+
},
|
|
82
|
+
|
|
57
83
|
methods: {
|
|
58
84
|
save() {
|
|
59
85
|
this.$emit('save');
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<UnnnicToolTip
|
|
7
7
|
v-if="isRecording || canDiscard"
|
|
8
8
|
enabled
|
|
9
|
-
:text="$t('audio_recorder.discard_button')"
|
|
9
|
+
:text="discardText || $t('audio_recorder.discard_button')"
|
|
10
10
|
side="top"
|
|
11
11
|
>
|
|
12
12
|
<span
|
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
@keypress.enter="discard"
|
|
16
16
|
>
|
|
17
17
|
<UnnnicIcon
|
|
18
|
-
|
|
18
|
+
size="ant"
|
|
19
|
+
icon="cancel"
|
|
19
20
|
scheme="fg-critical"
|
|
20
21
|
/>
|
|
21
22
|
</span>
|
|
@@ -24,6 +25,8 @@
|
|
|
24
25
|
v-if="isRecording"
|
|
25
26
|
:isRecording="isRecording"
|
|
26
27
|
:time="numberToTimeString(duration)"
|
|
28
|
+
:saveText="saveText"
|
|
29
|
+
:hideRecordingIndicator="hideRecordingIndicator"
|
|
27
30
|
@save="save"
|
|
28
31
|
/>
|
|
29
32
|
<AudioPlayer
|
|
@@ -100,10 +103,12 @@ export default {
|
|
|
100
103
|
props: {
|
|
101
104
|
modelValue: {
|
|
102
105
|
type: HTMLAudioElement,
|
|
106
|
+
required: true,
|
|
103
107
|
},
|
|
104
108
|
|
|
105
109
|
src: {
|
|
106
110
|
type: String,
|
|
111
|
+
default: undefined,
|
|
107
112
|
},
|
|
108
113
|
|
|
109
114
|
canDiscard: {
|
|
@@ -151,6 +156,18 @@ export default {
|
|
|
151
156
|
type: Boolean,
|
|
152
157
|
default: false,
|
|
153
158
|
},
|
|
159
|
+
saveText: {
|
|
160
|
+
type: String,
|
|
161
|
+
default: '',
|
|
162
|
+
},
|
|
163
|
+
discardText: {
|
|
164
|
+
type: String,
|
|
165
|
+
default: '',
|
|
166
|
+
},
|
|
167
|
+
hideRecordingIndicator: {
|
|
168
|
+
type: Boolean,
|
|
169
|
+
default: false,
|
|
170
|
+
},
|
|
154
171
|
},
|
|
155
172
|
|
|
156
173
|
emits: [
|
|
@@ -446,11 +463,8 @@ export default {
|
|
|
446
463
|
|
|
447
464
|
:deep(.audio-player__time),
|
|
448
465
|
:deep(.audio-handler__time) {
|
|
449
|
-
font
|
|
450
|
-
|
|
451
|
-
font-size: $unnnic-font-size-body-md;
|
|
452
|
-
line-height: $unnnic-font-size-body-md + $unnnic-line-height-md;
|
|
453
|
-
color: $unnnic-color-fg-emphasized;
|
|
466
|
+
font: $unnnic-font-emphasis;
|
|
467
|
+
color: $unnnic-color-fg-base;
|
|
454
468
|
user-select: none;
|
|
455
469
|
}
|
|
456
470
|
|