@seniorsistemas/angular-components 17.26.9-bugfix-sds-309-cfd66723 → 17.26.9-bugfix-sds-307-c6084396

package/fesm2015/seniorsistemas-angular-components.js

@@ -376,7 +376,7 @@ let TooltipComponent = class TooltipComponent {
 TooltipComponent = __decorate([
     Component({
         template: "<div\n   id=\"tooltip\"\n   class=\"tooltip\"\n   [ngClass]=\"['tooltip--' + position]\"\n   [class.tooltip--visible]=\"visible\"\n   [ngStyle]=\"{\n      'left': left + 'px',\n      'top': top + 'px'\n   }\">\n   <ng-template\n      *ngIf=\"escape;\n         then escapeTemplate;\n         else noEscapeTemplate\">\n   </ng-template>   \n</div>\n\n<ng-template #noEscapeTemplate>\n   <span\n      class=\"tooltip__content\"\n      [innerHTML]=\"tooltip\">\n   </span>\n</ng-template>\n\n<ng-template #escapeTemplate>\n   <span class=\"tooltip__content\">\n      {{ tooltip }}\n   </span>\n</ng-template>",
-        styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px;opacity:0;padding:8px;position:fixed;transform:translateX(-50%);text-align:center;max-width:220px;word-wrap:break-word;z-index:99999}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip::before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:5px;transform:translateX(-50%)}.tooltip--bottom::before{border:5px solid transparent;border-bottom:5px solid #000;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:5px;transform:translate(-50%,-100%)}.tooltip--top::before{border:5px solid transparent;border-top:5px solid #000;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left::before{border:5px solid transparent;border-left:5px solid #000;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right::before{border:5px solid transparent;border-right:5px solid #000;left:-10px;bottom:calc(50% - 5px)}"]
+        styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px;opacity:0;padding:8px;transform:translateX(-50%);text-align:center;max-width:220px;word-wrap:break-word;z-index:99999;position:absolute}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip::before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:5px;transform:translateX(-50%)}.tooltip--bottom::before{border:5px solid transparent;border-bottom:5px solid #000;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:5px;transform:translate(-50%,-100%)}.tooltip--top::before{border:5px solid transparent;border-top:5px solid #000;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left::before{border:5px solid transparent;border-left:5px solid #000;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right::before{border:5px solid transparent;border-right:5px solid #000;left:-10px;bottom:calc(50% - 5px)}"]
     })
 ], TooltipComponent);
 
@@ -10624,7 +10624,9 @@ let SpeechRecognitionService = class SpeechRecognitionService {
         this.translateService = translateService;
         this.hasSupportSpeechRecognition = false;
         this.isListening = false;
+        this.hasMicrophoneAccess = false;
         this.TIMEOUT_NO_MESSAGE = 3000;
+        this.verifyMicrophoneState();
         this.setRecognition();
     }
     listen() {
@@ -10632,12 +10634,12 @@ let SpeechRecognitionService = class SpeechRecognitionService {
         if (this.isListening) {
             speechSubject.error('Already listening');
         }
-        this.hasMicrophoneAccess().then((hasAccess) => {
-            if (!hasAccess) {
-                this.toastService.show({ severity: 'error', text: this.translateService.instant('platform.angular_components.no_microphone_permission') });
-                speechSubject.error('Microphone access is disabled');
-                return;
-            }
+        else if (!this.hasMicrophoneAccess) {
+            this.isListening = false;
+            this.toastService.show({ severity: 'error', text: this.translateService.instant('platform.angular_components.no_microphone_permission') });
+            speechSubject.error('Microphone access is disabled');
+        }
+        else {
             this.isListening = true;
             this.recognition.continuous = true;
             this.recognition.interimResults = true;
@@ -10690,12 +10692,23 @@ let SpeechRecognitionService = class SpeechRecognitionService {
                 });
             };
             this.recognition.start();
-        });
+        }
         return speechSubject;
     }
     stop() {
         this.recognition.stop();
     }
+    verifyMicrophoneState() {
+        navigator.permissions.query({ name: 'microphone' }).then((result) => {
+            const microphoneResultState = result.state;
+            this.hasMicrophoneAccess = microphoneResultState === 'granted';
+            result.onchange = () => {
+                this.ngZone.run(() => {
+                    this.hasMicrophoneAccess = result.state === 'granted';
+                });
+            };
+        });
+    }
     setRecognition() {
         var _a;
         const SpeechRecognitionConstructor = window.SpeechRecognition || window.webkitSpeechRecognition;
@@ -10710,33 +10723,6 @@ let SpeechRecognitionService = class SpeechRecognitionService {
         this.recognition.maxAlternatives = 1;
         this.localeService.getLocale().subscribe(locale => this.recognition.lang = locale);
     }
-    hasMicrophoneAccess() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const permission = yield navigator.permissions.query({ name: 'microphone' });
-                if (permission.state === 'denied') {
-                    return false;
-                }
-                if (permission.state === 'granted') {
-                    return true;
-                }
-                if (permission.state === 'prompt') {
-                    try {
-                        const stream = yield navigator.mediaDevices.getUserMedia({ audio: true });
-                        stream.getTracks().forEach(t => t.stop());
-                        return true;
-                    }
-                    catch (_a) {
-                        return false;
-                    }
-                }
-                return false;
-            }
-            catch (_b) {
-                return false;
-            }
-        });
-    }
 };
 SpeechRecognitionService.ctorParameters = () => [
     { type: LocaleService },