@seniorsistemas/angular-components 17.25.11 → 17.26.0

package/bundles/seniorsistemas-angular-components.umd.js

@@ -7169,12 +7169,14 @@
     var TextAreaField = /** @class */ (function (_super) {
         __extends(TextAreaField, _super);
         function TextAreaField(config) {
+            var _a;
             var _this = _super.call(this, config) || this;
             _this.cols = config.cols;
             _this.rows = config.rows;
             _this.keyFilter = config.keyFilter;
             _this.style = config.style;
             _this.readonly = config.readonly;
+            _this.speechRecognition = (_a = config.speechRecognition) !== null && _a !== void 0 ? _a : false;
             return _this;
         }
         return TextAreaField;
@@ -11519,7 +11521,7 @@
         ], TextAreaFieldComponent.prototype, "inputRef", void 0);
         TextAreaFieldComponent = __decorate([
             core.Component({
-                template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef?.nativeElement\"></s-field-label>\n\n<textarea #inputRef\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"!field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [ngStyle]=\"field.style\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n></textarea>\n<textarea #inputRef\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [pKeyFilter]=\"field.keyFilter\"\n    [ngStyle]=\"field.style\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n></textarea>\n"
+                template: "<s-field-label *ngIf=\"textArea\" [field]=\"field\"\n    [fieldContainerRef]=\"textArea.textAreaElement?.nativeElement\"></s-field-label>\n\n<s-textarea\n    #textArea\n    [inputId]=\"(field.id || field.name)\"\n    [rows]=\"field.rows\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [inputStyle]=\"field.style\"\n    [readOnly]=\"field.readonly ? field.readonly() : false\"\n    [keyFilter]=\"field.keyFilter\"\n    [speechRecognition]=\"field.speechRecognition\">\n</s-textarea>\n"
             })
         ], TextAreaFieldComponent);
         return TextAreaFieldComponent;
@@ -13383,6 +13385,513 @@
         return TextFieldModule;
     }());
 
+    var TextAreaComponent = /** @class */ (function () {
+        function TextAreaComponent() {
+            this.onChange = function () { };
+            this.onTouched = function () { };
+            this.disabled = false;
+            this.value = '';
+            this.inputId = "textarea-" + Math.random();
+            this.rows = 5;
+            this.speechRecognition = false;
+            this.readOnly = false;
+            this.renderTextArea = false;
+        }
+        TextAreaComponent_1 = TextAreaComponent;
+        Object.defineProperty(TextAreaComponent.prototype, "textAreaElement", {
+            get: function () {
+                return this._textAreaElement;
+            },
+            set: function (value) {
+                var _this = this;
+                this._textAreaElement = value;
+                setTimeout(function () {
+                    _this.renderTextArea = true;
+                });
+            },
+            enumerable: true,
+            configurable: true
+        });
+        TextAreaComponent.prototype.writeValue = function (obj) {
+            this.value = obj;
+        };
+        TextAreaComponent.prototype.registerOnChange = function (fn) {
+            this.onChange = fn;
+        };
+        TextAreaComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        TextAreaComponent.prototype.setDisabledState = function (isDisabled) {
+            this.disabled = isDisabled;
+        };
+        TextAreaComponent.prototype.setValue = function (value) {
+            if (this.disabled) {
+                return;
+            }
+            this.value = value;
+            this.writeValue(this.value);
+            this.onChange(this.value);
+            this.onTouched(this.value);
+        };
+        TextAreaComponent.prototype.handleRecognizedText = function (recognizedText) {
+            this.setValue(recognizedText);
+        };
+        var TextAreaComponent_1;
+        __decorate([
+            core.ViewChild('textArea', { read: core.ElementRef })
+        ], TextAreaComponent.prototype, "textAreaElement", null);
+        __decorate([
+            core.Input()
+        ], TextAreaComponent.prototype, "inputId", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaComponent.prototype, "rows", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaComponent.prototype, "speechRecognition", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaComponent.prototype, "keyFilter", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaComponent.prototype, "inputStyle", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaComponent.prototype, "readOnly", void 0);
+        TextAreaComponent = TextAreaComponent_1 = __decorate([
+            core.Component({
+                selector: 's-textarea',
+                template: "<textarea\n    *ngIf=\"keyFilter\"\n    #textArea\n    class=\"textarea\"\n    [pKeyFilter]=\"keyFilter\"\n    [id]=\"inputId\"\n    [rows]=\"rows\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [ngStyle]=\"inputStyle\"\n    [readOnly]=\"readOnly\"\n    (ngModelChange)=\"setValue($event)\">\n</textarea>\n\n<textarea\n    *ngIf=\"!keyFilter\"\n    #textArea\n    class=\"textarea\"\n    [id]=\"inputId\"\n    [rows]=\"rows\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [ngStyle]=\"inputStyle\"\n    [readOnly]=\"readOnly\"\n    (ngModelChange)=\"setValue($event)\">\n</textarea>\n\n<s-speech-recognition\n        *ngIf=\"speechRecognition && renderTextArea\"\n        [textAreaElement]=\"textAreaElement.nativeElement\"\n        (recognizedText)=\"handleRecognizedText($event)\">\n</s-speech-recognition>\n",
+                providers: [
+                    {
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return TextAreaComponent_1; }),
+                        multi: true,
+                    },
+                ],
+                styles: [".textarea{border-radius:3px;border:1px solid #c1c1cc;background:#fff;width:100%;max-width:100%;min-height:4em;min-width:10em;outline:0;padding:8px;display:block}.textarea:disabled{opacity:.5}"]
+            })
+        ], TextAreaComponent);
+        return TextAreaComponent;
+    }());
+
+    var SpeechRecognitionService = /** @class */ (function () {
+        function SpeechRecognitionService(localeService, ngZone) {
+            this.localeService = localeService;
+            this.ngZone = ngZone;
+            this.isListening = false;
+            this.TIMEOUT_NO_MESSAGE = 3000;
+            this.setRecognition();
+        }
+        SpeechRecognitionService.prototype.listen = function () {
+            var _this = this;
+            if (this.isListening) {
+                return;
+            }
+            var speechSubject = new rxjs.Subject();
+            this.isListening = true;
+            this.recognition.continuous = true;
+            this.recognition.interimResults = true;
+            this.recognition.maxAlternatives = 1;
+            var silenceTimer;
+            var restartSilenceTimer = function () {
+                if (silenceTimer !== undefined) {
+                    clearTimeout(silenceTimer);
+                }
+                silenceTimer = setTimeout(function () {
+                    _this.recognition.stop();
+                }, _this.TIMEOUT_NO_MESSAGE);
+            };
+            var fullTranscript = '';
+            var interimTranscript = '';
+            this.recognition.onresult = function (event) {
+                _this.ngZone.run(function () {
+                    restartSilenceTimer();
+                    var interimTranscript = '';
+                    for (var i = event.resultIndex; i < event.results.length; ++i) {
+                        var transcript = event.results[i][0].transcript;
+                        if (event.results[i].isFinal) {
+                            fullTranscript += transcript + '\n';
+                        }
+                        else {
+                            interimTranscript += transcript;
+                        }
+                    }
+                    interimTranscript = interimTranscript;
+                    speechSubject.next({ text: fullTranscript + interimTranscript, isFinal: false });
+                });
+            };
+            this.recognition.onerror = function () {
+                _this.ngZone.run(function () {
+                    if (silenceTimer !== undefined) {
+                        clearTimeout(silenceTimer);
+                    }
+                    _this.isListening = false;
+                    speechSubject.next({
+                        isFinal: true,
+                        text: ''
+                    });
+                });
+            };
+            this.recognition.onend = function () {
+                _this.ngZone.run(function () {
+                    if (silenceTimer !== undefined) {
+                        clearTimeout(silenceTimer);
+                    }
+                    speechSubject.next({ text: fullTranscript + interimTranscript, isFinal: true });
+                    _this.isListening = false;
+                    speechSubject.complete();
+                });
+            };
+            this.recognition.start();
+            return speechSubject;
+        };
+        SpeechRecognitionService.prototype.stop = function () {
+            this.recognition.stop();
+        };
+        SpeechRecognitionService.prototype.setRecognition = function () {
+            var SpeechRecognitionConstructor = window.SpeechRecognition || window.webkitSpeechRecognition;
+            if (!SpeechRecognitionConstructor) {
+                throw new Error('Speech recognition is not supported in this browser.');
+            }
+            this.recognition = new SpeechRecognitionConstructor();
+            this.recognition.lang = this.localeService.getLocaleOptions().locale || 'pt-BR';
+            this.recognition.interimResults = false;
+            this.recognition.maxAlternatives = 1;
+        };
+        SpeechRecognitionService.ctorParameters = function () { return [
+            { type: LocaleService },
+            { type: core.NgZone }
+        ]; };
+        SpeechRecognitionService.ɵprov = core["ɵɵdefineInjectable"]({ factory: function SpeechRecognitionService_Factory() { return new SpeechRecognitionService(core["ɵɵinject"](LocaleService), core["ɵɵinject"](core.NgZone)); }, token: SpeechRecognitionService, providedIn: "root" });
+        SpeechRecognitionService = __decorate([
+            core.Injectable({
+                providedIn: 'root'
+            })
+        ], SpeechRecognitionService);
+        return SpeechRecognitionService;
+    }());
+
+    var TextToSpeechService = /** @class */ (function () {
+        function TextToSpeechService(locale, ngZone) {
+            this.locale = locale;
+            this.ngZone = ngZone;
+            this.utterance = new SpeechSynthesisUtterance();
+            this.voices = [];
+            this.setVoices();
+        }
+        TextToSpeechService.prototype.setVoices = function () {
+            var _this = this;
+            var _voices = speechSynthesis.getVoices();
+            if (!_voices.length) {
+                speechSynthesis.onvoiceschanged = function () {
+                    _this.ngZone.run(function () {
+                        _voices = speechSynthesis.getVoices();
+                        var currentLang = _this.locale.getLocaleOptions().locale || 'pt-BR';
+                        _this.voices = _voices.filter(function (voice) { return voice.lang === currentLang; });
+                        _this.activeVoice = _this.voices[0];
+                    });
+                };
+            }
+        };
+        /**
+         * Updates the active voice
+         * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SpeechSynthesisVoice/voiceURI)
+         * @param voiceUri
+         */
+        TextToSpeechService.prototype.updateVoice = function (voiceUri) {
+            this.activeVoice = this.voices.find(function (voice) { return voice.voiceURI === voiceUri; });
+        };
+        TextToSpeechService.prototype.speak = function (text, speed) {
+            var _this = this;
+            if (speed === void 0) { speed = 1; }
+            if (!this.activeVoice) {
+                return;
+            }
+            return new Promise(function (resolve) {
+                _this.utterance.text = text;
+                _this.utterance.voice = _this.activeVoice;
+                _this.utterance.rate = speed;
+                speechSynthesis.speak(_this.utterance);
+                _this.utterance.onend = function () {
+                    _this.ngZone.run(function () {
+                        resolve(true);
+                    });
+                };
+            });
+        };
+        TextToSpeechService.prototype.pause = function () {
+            speechSynthesis.pause();
+        };
+        TextToSpeechService.prototype.resume = function () {
+            speechSynthesis.resume();
+        };
+        TextToSpeechService.prototype.cancel = function () {
+            speechSynthesis.cancel();
+        };
+        Object.defineProperty(TextToSpeechService.prototype, "hasVoice", {
+            get: function () {
+                return !!this.activeVoice;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        TextToSpeechService.ctorParameters = function () { return [
+            { type: LocaleService },
+            { type: core.NgZone }
+        ]; };
+        TextToSpeechService.ɵprov = core["ɵɵdefineInjectable"]({ factory: function TextToSpeechService_Factory() { return new TextToSpeechService(core["ɵɵinject"](LocaleService), core["ɵɵinject"](core.NgZone)); }, token: TextToSpeechService, providedIn: "root" });
+        TextToSpeechService = __decorate([
+            core.Injectable({
+                providedIn: 'root'
+            })
+        ], TextToSpeechService);
+        return TextToSpeechService;
+    }());
+
+    var SpeechRecognitionComponent = /** @class */ (function () {
+        function SpeechRecognitionComponent(speechRecognitionService, textToSpeechService, translateService) {
+            var _this = this;
+            this.speechRecognitionService = speechRecognitionService;
+            this.textToSpeechService = textToSpeechService;
+            this.translateService = translateService;
+            this._recognizedText = '';
+            this.originalTextAreaElementText = '';
+            this.isDoneSpeaking = false;
+            this.onDestroy$ = new rxjs.Subject();
+            this.VOICE_SPEEDS = [0.5, 1, 1.5, 2];
+            this.SPEECH_RECOGNITION_MARGIN_OFFSET = 13;
+            this.keydownEventListener = function (event) {
+                if (_this.disabled) {
+                    event.preventDefault();
+                }
+            };
+            this.TEXT_AREA_ELEMENT_MUTATION_OBSERVER = new MutationObserver(function () {
+                _this.SPEECH_CONTAINER_WIDTH_CALLBACK();
+            });
+            this.SPEECH_CONTAINER_WIDTH_CALLBACK = function () {
+                _this.setSpeechContainerWidth();
+            };
+            this.speechRecognitionContainerWidth = 0;
+            this.disabled = false;
+            this.isSpeaking = false;
+            this.voiceSpeed = 1;
+            this.isDisabledMicrophone = false;
+            this.canRenderMicrophone = true;
+            this.canRenderTextToSpeech = true;
+            this.canRenderListeningText = false;
+            this.canRenderDiscard = false;
+            this.canRenderAprove = false;
+            this.canRenderTextToSpeechToolbar = false;
+            this.isPlayingTextToSpeech = false;
+            this.recognizedText = new core.EventEmitter();
+        }
+        SpeechRecognitionComponent.prototype.ngOnInit = function () {
+            if (!this.textAreaElement) {
+                throw new Error('textAreaElement is required');
+            }
+            this.textAreaElement.placeholder = this.translateService.instant("platform.angular_components.text_area_speech_recognition_placeholder");
+            this.textAreaElement.addEventListener('keydown', this.keydownEventListener);
+            var config = { attributes: true, childList: true, subtree: true };
+            this.TEXT_AREA_ELEMENT_MUTATION_OBSERVER.observe(this.textAreaElement, config);
+            window.addEventListener('resize', this.SPEECH_CONTAINER_WIDTH_CALLBACK);
+        };
+        SpeechRecognitionComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.setSpeechContainerWidth();
+            });
+        };
+        SpeechRecognitionComponent.prototype.onListen = function () {
+            var _this = this;
+            if (this.isDisabledMicrophone || this.isListening) {
+                return;
+            }
+            this.disabled = true;
+            this.canRenderMicrophone = false;
+            this.canRenderListeningText = true;
+            if (this.textAreaElement.value && !this.originalTextAreaElementText) {
+                this.originalTextAreaElementText = this.textAreaElement.value;
+            }
+            this.textAreaElement.value = '';
+            this.isSpeaking = true;
+            this.speechRecognitionService.listen()
+                .pipe(operators.takeUntil(this.onDestroy$))
+                .subscribe(function (_a) {
+                var text = _a.text, isFinal = _a.isFinal;
+                _this._recognizedText = text;
+                _this.setTextAreaValue(text);
+                setTimeout(function () {
+                    _this.textAreaElement.scrollTop = _this.textAreaElement.scrollHeight;
+                }, 120);
+                if (isFinal) {
+                    _this.canRenderAprove = true;
+                    _this.canRenderDiscard = true;
+                    _this.canRenderListeningText = false;
+                    _this.isSpeaking = false;
+                }
+            });
+        };
+        SpeechRecognitionComponent.prototype.onOpenToolbar = function () {
+            if (this.isDisabledTextToSpeech) {
+                return;
+            }
+            this.canRenderTextToSpeechToolbar = true;
+            this.canRenderTextToSpeech = false;
+            this.isPlayingTextToSpeech = true;
+            this.speak();
+        };
+        SpeechRecognitionComponent.prototype.onCloseToolbar = function () {
+            this.canRenderTextToSpeechToolbar = false;
+            this.canRenderTextToSpeech = true;
+            this.isPlayingTextToSpeech = false;
+            this.textToSpeechService.cancel();
+            this.voiceSpeed = 1;
+        };
+        SpeechRecognitionComponent.prototype.onDiscard = function () {
+            this.canRenderAprove = false;
+            this.canRenderDiscard = false;
+            this.canRenderMicrophone = true;
+            this.canRenderTextToSpeechToolbar = false;
+            this.canRenderTextToSpeech = true;
+            this._recognizedText = '';
+            this.setTextAreaValue(this.originalTextAreaElementText);
+            this.disabled = false;
+            this.textToSpeechService.cancel();
+        };
+        SpeechRecognitionComponent.prototype.onAprove = function () {
+            this.canRenderAprove = false;
+            this.canRenderDiscard = false;
+            this.canRenderMicrophone = true;
+            this.canRenderTextToSpeechToolbar = false;
+            this.canRenderTextToSpeech = true;
+            this.originalTextAreaElementText = this._recognizedText;
+            this.recognizedText.emit(this._recognizedText);
+            this._recognizedText = '';
+            this.disabled = false;
+            this.textToSpeechService.cancel();
+        };
+        SpeechRecognitionComponent.prototype.ngOnDestroy = function () {
+            this.onDestroy$.next();
+            this.onDestroy$.complete();
+            this.textAreaElement.removeEventListener('keydown', this.keydownEventListener);
+            window.removeEventListener('resize', this.SPEECH_CONTAINER_WIDTH_CALLBACK);
+            this.TEXT_AREA_ELEMENT_MUTATION_OBSERVER.disconnect();
+        };
+        SpeechRecognitionComponent.prototype.toggleTextToSpeech = function () {
+            if (this.isPlayingTextToSpeech) {
+                this.textToSpeechService.pause();
+            }
+            else {
+                if (this.isDoneSpeaking) {
+                    this.speak();
+                }
+                else {
+                    this.textToSpeechService.resume();
+                }
+            }
+            this.isPlayingTextToSpeech = !this.isPlayingTextToSpeech;
+        };
+        SpeechRecognitionComponent.prototype.restartTextToSpeech = function () {
+            this.isPlayingTextToSpeech = true;
+            this.textToSpeechService.cancel();
+            this.speak();
+        };
+        SpeechRecognitionComponent.prototype.updateVoiceSpeed = function () {
+            var voiceSpeedIndex = this.VOICE_SPEEDS.indexOf(this.voiceSpeed);
+            var nextVoiceSpeedIndex = this.VOICE_SPEEDS[voiceSpeedIndex + 1] ? voiceSpeedIndex + 1 : 0;
+            this.voiceSpeed = this.VOICE_SPEEDS[nextVoiceSpeedIndex];
+            this.textToSpeechService.cancel();
+            this.speak();
+        };
+        SpeechRecognitionComponent.prototype.stopListening = function () {
+            this.speechRecognitionService.stop();
+        };
+        Object.defineProperty(SpeechRecognitionComponent.prototype, "isListening", {
+            get: function () {
+                return this.speechRecognitionService.isListening;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(SpeechRecognitionComponent.prototype, "isDisabledTextToSpeech", {
+            get: function () {
+                var hasTextToSpeechVoice = this.textToSpeechService.hasVoice;
+                return !this._recognizedText || !hasTextToSpeechVoice || this.isListening;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        SpeechRecognitionComponent.prototype.setTextAreaValue = function (value) {
+            this.textAreaElement.value = value;
+        };
+        SpeechRecognitionComponent.prototype.speak = function () {
+            var _this = this;
+            this.isDoneSpeaking = false;
+            this.textToSpeechService.speak(this._recognizedText, this.voiceSpeed).then(function () {
+                _this.isPlayingTextToSpeech = false;
+                _this.isDoneSpeaking = true;
+            });
+        };
+        SpeechRecognitionComponent.prototype.setSpeechContainerWidth = function () {
+            this.speechRecognitionContainerWidth = this.textAreaElement.getBoundingClientRect().width - this.SPEECH_RECOGNITION_MARGIN_OFFSET;
+        };
+        SpeechRecognitionComponent.ctorParameters = function () { return [
+            { type: SpeechRecognitionService },
+            { type: TextToSpeechService },
+            { type: core$1.TranslateService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], SpeechRecognitionComponent.prototype, "textAreaElement", void 0);
+        __decorate([
+            core.Output()
+        ], SpeechRecognitionComponent.prototype, "recognizedText", void 0);
+        SpeechRecognitionComponent = __decorate([
+            core.Component({
+                selector: 's-speech-recognition',
+                template: "<section class=\"speech-recognition\" [style.width.px]=\"speechRecognitionContainerWidth\" *ngIf=\"speechRecognitionContainerWidth\">\n    <div class=\"speech-recognition-text\">\n        <ng-container *ngIf=\"canRenderMicrophone\">\n            {{ 'platform.angular_components.text_area_before_speech' | translate }}\n        </ng-container>\n\n        <ng-container *ngIf=\"isSpeaking\">\n            {{ 'platform.angular_components.text_area_while_speech' | translate }}\n        </ng-container>\n\n        <ng-container *ngIf=\"canRenderAprove && canRenderDiscard\">\n            {{ 'platform.angular_components.text_area_end_speech' | translate }}\n        </ng-container>\n    </div>\n    <div class=\"speech-recognition-buttons\">\n        <span\n            *ngIf=\"canRenderListeningText\"\n            (click)=\"stopListening()\"\n            class=\"speech-recognition-item speech-recognition-item-regular\">\n            <i class=\"far fa-ellipsis-h\"></i>\n        </span>\n\n        <span\n            *ngIf=\"canRenderMicrophone\"\n            (click)=\"onListen()\"\n            class=\"speech-recognition-item speech-recognition-item-microphone\"\n            [class.speech-recognition-item-disabled]=\"isDisabledMicrophone || isListening || disabled\">\n            <i class=\"fas fa-microphone\"></i>\n        </span>\n\n        <span\n            *ngIf=\"canRenderAprove\"\n            (click)=\"onAprove()\"\n            class=\"speech-recognition-item speech-recognition-item-aprove\">\n            <i class=\"fas fa-check\"></i>\n        </span>\n\n        <span *ngIf=\"canRenderDiscard\"\n            (click)=\"onDiscard()\"\n            class=\"speech-recognition-item speech-recognition-item-discard\">\n            <i class=\"fas fa-times\"></i>\n        </span>\n\n        <span\n            *ngIf=\"canRenderTextToSpeech\"\n            (click)=\"onOpenToolbar()\"\n            class=\"speech-recognition-item speech-recognition-item-regular\"\n            [class.speech-recognition-item-disabled]=\"isDisabledTextToSpeech\">\n            <i class=\"fas fa-volume-down\"></i>\n        </span>\n\n        <span\n            *ngIf=\"canRenderTextToSpeechToolbar\"\n            class=\"speech-recognition-item-toolbar\">\n             <i class=\"fas\" [class.fa-pause]=\"isPlayingTextToSpeech\" [class.fa-play]=\"!isPlayingTextToSpeech\"\n             (click)=\"toggleTextToSpeech()\"></i>\n                <i class=\"fas fa-backward\" (click)=\"restartTextToSpeech()\"></i>\n                <span (click)=\"updateVoiceSpeed()\">\n                    {{ voiceSpeed }}x\n                </span>\n                <i class=\"fas fa-times\" (click)=\"onCloseToolbar()\"></i>\n        </span>\n    </div>\n</section>\n",
+                styles: [".speech-recognition{display:-ms-flexbox;display:flex;gap:10px;-ms-flex-pack:justify;justify-content:space-between}.speech-recognition-buttons{display:-ms-flexbox;display:flex;gap:10px;position:relative;bottom:15px}.speech-recognition-item{display:-ms-inline-flexbox;display:inline-flex;height:25px;padding:4px 12px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:8px;border-radius:15px;cursor:pointer;transition:background .1s ease-in}.speech-recognition-item i,.speech-recognition-item span{color:#fff}.speech-recognition-item-disabled{cursor:default!important}.speech-recognition-item-disabled *{opacity:.5}.speech-recognition-item-microphone{background:#428bca}.speech-recognition-item-microphone:not(.speech-recognition-item-disabled):hover{background:#063951}.speech-recognition-item-regular{background:#7892a1}.speech-recognition-item-regular:not(.speech-recognition-item-disabled):hover{background:#697882}.speech-recognition-item-aprove{background:#0c9348}.speech-recognition-item-aprove:not(.speech-recognition-item-disabled):hover{background:#063951}.speech-recognition-item-discard{background:#c13018}.speech-recognition-item-discard:not(.speech-recognition-item-disabled):hover{background:#063951}.speech-recognition-item-toolbar{background:#7892a1;display:-ms-flexbox;display:flex;border-radius:15px;-ms-flex-align:center;align-items:center;color:#fff}.speech-recognition-item-toolbar i,.speech-recognition-item-toolbar span{cursor:pointer}.speech-recognition-item-toolbar i:not(:first-child),.speech-recognition-item-toolbar i:not(:last-child){padding:6px}.speech-recognition-item-toolbar i:first-child{padding-left:10px}.speech-recognition-item-toolbar i:last-child{padding-right:10px}.speech-recognition-item-toolbar span{height:25px}.speech-recognition-text{color:#212533;font-size:12px;font-style:normal;font-weight:400;word-break:break-word}"]
+            })
+        ], SpeechRecognitionComponent);
+        return SpeechRecognitionComponent;
+    }());
+
+    var SpeechRecognitionModule = /** @class */ (function () {
+        function SpeechRecognitionModule() {
+        }
+        SpeechRecognitionModule = __decorate([
+            core.NgModule({
+                declarations: [SpeechRecognitionComponent],
+                imports: [
+                    common.CommonModule,
+                    core$1.TranslateModule
+                ],
+                exports: [SpeechRecognitionComponent]
+            })
+        ], SpeechRecognitionModule);
+        return SpeechRecognitionModule;
+    }());
+
+    var TextAreaModule = /** @class */ (function () {
+        function TextAreaModule() {
+        }
+        TextAreaModule = __decorate([
+            core.NgModule({
+                declarations: [TextAreaComponent],
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    SpeechRecognitionModule,
+                    keyfilter.KeyFilterModule
+                ],
+                exports: [TextAreaComponent]
+            })
+        ], TextAreaModule);
+        return TextAreaModule;
+    }());
+
     var DynamicFormModule = /** @class */ (function () {
         function DynamicFormModule() {
         }
@@ -13441,6 +13950,7 @@
                     ProfilePictureModule,
                     EditorFieldModule,
                     FieldLabelModule,
+                    TextAreaModule
                 ],
                 declarations: [
                     AutocompleteFieldComponent,
@@ -22636,7 +23146,11 @@
         "platform.angular_components.add_all": "Adicionar todos",
         "platform.angular_components.remove_all": "Remover todos",
         "platform.angular_components.country_name_gb": "Reino Unido",
-        "platform.angular_components.insight_footer": "Conteúdo gerado por inteligência artificial. Sujeito a imprecisões."
+        "platform.angular_components.insight_footer": "Conteúdo gerado por inteligência artificial. Sujeito a imprecisões.",
+        "platform.angular_components.text_area_speech_recognition_placeholder": "Preencha o campo, com pelo menos, uma frase",
+        "platform.angular_components.text_area_before_speech": "Grave ou ouça o texto clicando nos Ícones",
+        "platform.angular_components.text_area_while_speech": "Clique novamente no Ícone para finalizar",
+        "platform.angular_components.text_area_end_speech": "Gravação finalizada"
     };
 
     exports.AccordionComponent = AccordionComponent;
@@ -22819,9 +23333,11 @@
     exports.TaxCalculationLanguageConfigs = TaxCalculationLanguageConfigs;
     exports.TemplateDirective = TemplateDirective;
     exports.TemplateModule = TemplateModule;
+    exports.TextAreaComponent = TextAreaComponent;
     exports.TextAreaField = TextAreaField;
     exports.TextAreaIAComponent = TextAreaIAComponent;
     exports.TextAreaIAModule = TextAreaIAModule;
+    exports.TextAreaModule = TextAreaModule;
     exports.TextField = TextField;
     exports.ThumbnailComponent = ThumbnailComponent;
     exports.ThumbnailModule = ThumbnailModule;
@@ -22881,69 +23397,73 @@
     exports.ɵbv = ProfilePictureFieldComponent;
     exports.ɵbw = EditorFieldModule;
     exports.ɵbx = EditorFieldComponent;
-    exports.ɵby = AutocompleteFieldComponent;
-    exports.ɵbz = BooleanFieldComponent;
+    exports.ɵby = SpeechRecognitionModule;
+    exports.ɵbz = SpeechRecognitionComponent;
     exports.ɵc = InfoSignComponent;
-    exports.ɵca = BooleanSwitchFieldComponent;
-    exports.ɵcb = CalendarFieldComponent;
-    exports.ɵcc = ChipsFieldComponent;
-    exports.ɵcd = CountryPhonePickerFieldComponent;
-    exports.ɵce = DynamicFieldComponent;
-    exports.ɵcf = DynamicFormDirective;
-    exports.ɵcg = FieldsetComponent;
-    exports.ɵch = FileUploadComponent$1;
-    exports.ɵci = LookupFieldComponent;
-    exports.ɵcj = RadioButtonComponent;
-    exports.ɵck = RowComponent;
-    exports.ɵcl = SectionComponent;
-    exports.ɵcm = SelectFieldComponent;
-    exports.ɵcn = SliderFieldComponent;
-    exports.ɵco = TextAreaFieldComponent;
-    exports.ɵcp = TextAreaIAFieldComponent;
-    exports.ɵcq = IAssistService;
-    exports.ɵcr = ButtonFieldComponent;
-    exports.ɵct = DecimalField;
-    exports.ɵcu = SideTableComponent;
-    exports.ɵcv = InfiniteScrollModule;
-    exports.ɵcw = InfiniteScrollDirective;
-    exports.ɵcx = IAInsightSidebarComponent;
-    exports.ɵcy = IAInsightCardComponent;
-    exports.ɵcz = IAInsightCardLoaderComponent;
+    exports.ɵca = SpeechRecognitionService;
+    exports.ɵcb = TextToSpeechService;
+    exports.ɵcc = AutocompleteFieldComponent;
+    exports.ɵcd = BooleanFieldComponent;
+    exports.ɵce = BooleanSwitchFieldComponent;
+    exports.ɵcf = CalendarFieldComponent;
+    exports.ɵcg = ChipsFieldComponent;
+    exports.ɵch = CountryPhonePickerFieldComponent;
+    exports.ɵci = DynamicFieldComponent;
+    exports.ɵcj = DynamicFormDirective;
+    exports.ɵck = FieldsetComponent;
+    exports.ɵcl = FileUploadComponent$1;
+    exports.ɵcm = LookupFieldComponent;
+    exports.ɵcn = RadioButtonComponent;
+    exports.ɵco = RowComponent;
+    exports.ɵcp = SectionComponent;
+    exports.ɵcq = SelectFieldComponent;
+    exports.ɵcr = SliderFieldComponent;
+    exports.ɵcs = TextAreaFieldComponent;
+    exports.ɵct = TextAreaIAFieldComponent;
+    exports.ɵcu = IAssistService;
+    exports.ɵcv = ButtonFieldComponent;
+    exports.ɵcx = DecimalField;
+    exports.ɵcy = SideTableComponent;
+    exports.ɵcz = InfiniteScrollModule;
     exports.ɵd = TieredMenuEventService;
-    exports.ɵda = GridMenuItemComponent;
-    exports.ɵdb = InlineEditItemComponent;
-    exports.ɵdc = InlineEditCalendarComponent;
-    exports.ɵdd = InlineEditLookupComponent;
-    exports.ɵde = InlineEditNumberComponent;
-    exports.ɵdf = InlineEditTextComponent;
-    exports.ɵdg = InlineEditTextAreaComponent;
-    exports.ɵdh = InlineEditTextAreaIAComponent;
-    exports.ɵdi = KanbanEventService;
-    exports.ɵdj = KanbanItemComponent;
-    exports.ɵdk = KanbanColumnComponent;
-    exports.ɵdl = KanbanItemDraggingComponent;
-    exports.ɵdm = NumberLocaleOptions;
-    exports.ɵdn = BorderButtonModule;
-    exports.ɵdo = BorderButtonComponent;
-    exports.ɵdp = ProgressBarDeterminateComponent;
-    exports.ɵdq = ProgressBarIndeterminateComponent;
-    exports.ɵdr = SelectButtonItemComponent;
-    exports.ɵds = SlidePanelService;
-    exports.ɵdt = ThumbnailItemComponent;
-    exports.ɵdu = ThumbnailItemVideoComponent;
-    exports.ɵdv = ThumbnailItemImageComponent;
-    exports.ɵdw = TimelineItemModule;
-    exports.ɵdx = TimelineIconItemComponent;
-    exports.ɵdy = HorizontalTimelineModule;
-    exports.ɵdz = HorizontalTimelineComponent;
+    exports.ɵda = InfiniteScrollDirective;
+    exports.ɵdb = IAInsightSidebarComponent;
+    exports.ɵdc = IAInsightCardComponent;
+    exports.ɵdd = IAInsightCardLoaderComponent;
+    exports.ɵde = GridMenuItemComponent;
+    exports.ɵdf = InlineEditItemComponent;
+    exports.ɵdg = InlineEditCalendarComponent;
+    exports.ɵdh = InlineEditLookupComponent;
+    exports.ɵdi = InlineEditNumberComponent;
+    exports.ɵdj = InlineEditTextComponent;
+    exports.ɵdk = InlineEditTextAreaComponent;
+    exports.ɵdl = InlineEditTextAreaIAComponent;
+    exports.ɵdm = KanbanEventService;
+    exports.ɵdn = KanbanItemComponent;
+    exports.ɵdo = KanbanColumnComponent;
+    exports.ɵdp = KanbanItemDraggingComponent;
+    exports.ɵdq = NumberLocaleOptions;
+    exports.ɵdr = BorderButtonModule;
+    exports.ɵds = BorderButtonComponent;
+    exports.ɵdt = ProgressBarDeterminateComponent;
+    exports.ɵdu = ProgressBarIndeterminateComponent;
+    exports.ɵdv = SelectButtonItemComponent;
+    exports.ɵdw = SlidePanelService;
+    exports.ɵdx = ThumbnailItemComponent;
+    exports.ɵdy = ThumbnailItemVideoComponent;
+    exports.ɵdz = ThumbnailItemImageComponent;
     exports.ɵe = TieredMenuService;
-    exports.ɵea = VerticalTimelineModule;
-    exports.ɵeb = VerticalTimelineComponent;
-    exports.ɵec = RangeLineComponent;
-    exports.ɵed = CollapseOptionComponent;
-    exports.ɵee = CollapsedItemsComponent;
-    exports.ɵef = VerticalItemsComponent;
-    exports.ɵeg = ChipItemComponent;
+    exports.ɵea = TimelineItemModule;
+    exports.ɵeb = TimelineIconItemComponent;
+    exports.ɵec = HorizontalTimelineModule;
+    exports.ɵed = HorizontalTimelineComponent;
+    exports.ɵee = VerticalTimelineModule;
+    exports.ɵef = VerticalTimelineComponent;
+    exports.ɵeg = RangeLineComponent;
+    exports.ɵeh = CollapseOptionComponent;
+    exports.ɵei = CollapsedItemsComponent;
+    exports.ɵej = VerticalItemsComponent;
+    exports.ɵek = ChipItemComponent;
     exports.ɵf = TieredMenuGlobalService;
     exports.ɵg = TieredMenuComponent;
     exports.ɵh = TieredMenuNestedComponent;