@seniorsistemas/angular-components 17.26.12 → 17.26.13-bugfix-sds-312-0983e649

package/fesm2015/seniorsistemas-angular-components.js

@@ -38,7 +38,7 @@ import { CheckboxModule as CheckboxModule$1 } from 'primeng/checkbox';
 import { ChipsModule as ChipsModule$1 } from 'primeng/chips';
 import { DropdownModule } from 'primeng/dropdown';
 import { FieldsetModule } from 'primeng/fieldset';
-import { InputMaskModule } from 'primeng/inputmask';
+import { InputMask, InputMaskModule } from 'primeng/inputmask';
 import { InputTextModule } from 'primeng/inputtext';
 import { InputTextareaModule } from 'primeng/inputtextarea';
 import { KeyFilterModule } from 'primeng/keyfilter';
@@ -477,8 +477,7 @@ let TooltipDirective = class TooltipDirective {
         this.visible = true;
         this.mobileBehavior = MobileBehavior.Pressing;
         this.componentRef = null;
-        this.existFocusedInputRefTooltip = false;
-        this.boundOnWindowMouseMoveFunction = this.onWindowMouseMove.bind(this);
+        this.tooltipCreatedByFocus = false;
         this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(() => this._createTooltip(true, true));
     }
     ngOnInit() {
@@ -488,22 +487,6 @@ let TooltipDirective = class TooltipDirective {
     ngOnDestroy() {
         this.destroy();
     }
-    onWindowMouseMove(event) {
-        if (!this.componentRef) {
-            return;
-        }
-        const elementRect = this.elementRef.nativeElement.getBoundingClientRect();
-        const toolTipRect = this.tooltipDivElement.getBoundingClientRect();
-        const totalElementArea = {
-            top: Math.min(elementRect.top, toolTipRect.top),
-            right: Math.max(elementRect.right, toolTipRect.right),
-            left: Math.min(elementRect.left, toolTipRect.left),
-            bottom: Math.max(elementRect.bottom, toolTipRect.bottom),
-        };
-        if (isMousePositionOutsideOfElement(event, totalElementArea) && !this.existFocusedInputRefTooltip) {
-            this.destroy();
-        }
-    }
     /**
      * Manipula a visibilidade do tooltip quando houver uma referência de input.
      */
@@ -513,15 +496,15 @@ let TooltipDirective = class TooltipDirective {
             const icon = this.getIconFromFocusedInput();
             this.renderer.listen(inputFocus, "focus", () => {
                 if (icon) {
-                    this.existFocusedInputRefTooltip = true;
                     this._createTooltip(false, false);
+                    this.tooltipCreatedByFocus = true;
                 }
             });
             this.renderer.listen(inputFocus, "blur", () => {
                 if (icon) {
                     this.removeTooltip(icon);
                     this.destroy();
-                    this.existFocusedInputRefTooltip = false;
+                    this.tooltipCreatedByFocus = false;
                 }
             });
         }
@@ -561,12 +544,12 @@ let TooltipDirective = class TooltipDirective {
         }
     }
     onMouseEnter() {
-        if (this.tooltipEvent === TooltipEvent.Hover) {
+        if (this.tooltipEvent === TooltipEvent.Hover || this.focusedInputRef) {
             this.debounceCreateTooltipFunction();
         }
     }
     onMouseLeave() {
-        if (this.tooltipEvent === TooltipEvent.Hover && !this.existFocusedInputRefTooltip) {
+        if ((this.tooltipEvent === TooltipEvent.Hover || this.focusedInputRef) && !this.tooltipCreatedByFocus) {
             this.destroy();
         }
     }
@@ -628,7 +611,6 @@ let TooltipDirective = class TooltipDirective {
         if (this.componentRef !== null) {
             this.componentRef.instance.visible = this.visible;
             this.setTooltipPositionProperty();
-            window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
         }
     }
     setTooltipPositionProperty() {
@@ -738,7 +720,6 @@ let TooltipDirective = class TooltipDirective {
             this.componentRef = null;
             this.tooltipDivElement = null;
         }
-        window.removeEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
     }
 };
 TooltipDirective.ctorParameters = () => [
@@ -973,7 +954,7 @@ let InfoSignComponent = class InfoSignComponent {
 InfoSignComponent = __decorate([
     Component({
         selector: "s-info-sign-component",
-        template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\"\n        [focusedInputRef]=\"focusedInputRef\">\n    </i>\n</span>\n",
+        template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\"\n        [tooltipEvent]=\"focusedInputRef ? 'focus' : 'hover'\"\n        [focusedInputRef]=\"focusedInputRef\">\n    </i>\n</span>\n",
         styles: [".info-sign{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start}.info-sign .info-sign__icon{padding:0 12px}"]
     })
 ], InfoSignComponent);
@@ -4033,7 +4014,7 @@ CodeEditorComponent = CodeEditorComponent_1 = __decorate([
                 multi: true,
             },
         ],
-        styles: [".core-wrapper{height:100%}"]
+        styles: [".core-wrapper{height:100%;border:1px solid #c1c1cc;border-radius:3px}"]
     })
 ], CodeEditorComponent);
 
@@ -10920,12 +10901,9 @@ __decorate([
 __decorate([
     Input()
 ], TextAreaFieldComponent.prototype, "formControl", void 0);
-__decorate([
-    ViewChild('inputRef')
-], TextAreaFieldComponent.prototype, "inputRef", void 0);
 TextAreaFieldComponent = __decorate([
     Component({
-        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    [inputStyle]=\"field.style\"\n    [readOnly]=\"field.readonly ? field.readonly() : false\"\n    [keyFilter]=\"field.keyFilter\"\n    [placeholder]=\"field.placeholder\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n    [speechRecognition]=\"field.speechRecognition\">\n</s-textarea>\n"
+        template: "<s-field-label *ngIf=\"textArea.textAreaElement\" [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    [inputStyle]=\"field.style\"\n    [readOnly]=\"field.readonly ? field.readonly() : false\"\n    [keyFilter]=\"field.keyFilter\"\n    [placeholder]=\"field.placeholder\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n    [speechRecognition]=\"field.speechRecognition\">\n</s-textarea>\n"
     })
 ], TextAreaFieldComponent);
 
@@ -11383,6 +11361,14 @@ let TextFieldComponent = class TextFieldComponent extends BaseFieldComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
+    get inputElement() {
+        if (this.inputRef instanceof InputMask) {
+            return this.inputRef.inputViewChild.nativeElement;
+        }
+        else {
+            return this.inputRef;
+        }
+    }
     getCharacterPattern() {
         return typeof this.field.characterPattern === "function"
             ? this.field.characterPattern()
@@ -11417,7 +11403,7 @@ __decorate([
 ], TextFieldComponent.prototype, "inputRef", void 0);
 TextFieldComponent = __decorate([
     Component({
-        template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\" [fieldContainerRef]=\"inputRef?.nativeElement\"></s-field-label>\n\n<p-inputMask\n    #inputRef\n    *ngIf=\"field.mask; else noMask\"\n    [type]=\"field.inputType || 'text'\"\n    [inputId]=\"field.id || field.name\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [characterPattern]=\"getCharacterPattern()\"\n    [unmask]=\"getUnmask()\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n    [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n>\n</p-inputMask>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"isFunction(field.leftAddon.disabled) ? field.leftAddon.disabled() : field.leftAddon.disabled\"\n                        (onClick)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{ field.leftAddon.label }}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"isFunction(field.rightAddon.disabled) ? field.rightAddon.disabled() : field.rightAddon.disabled\"\n                        (onClick)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{ field.rightAddon.label }}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #input>\n    <input\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n",
+        template: "<s-field-label *ngIf=\"inputElement\" [field]=\"field\" [fieldContainerRef]=\"inputElement\"></s-field-label>\n\n<p-inputMask\n    #inputRef\n    *ngIf=\"field.mask; else noMask\"\n    [type]=\"field.inputType || 'text'\"\n    [inputId]=\"field.id || field.name\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [characterPattern]=\"getCharacterPattern()\"\n    [unmask]=\"getUnmask()\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n    [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n>\n</p-inputMask>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"isFunction(field.leftAddon.disabled) ? field.leftAddon.disabled() : field.leftAddon.disabled\"\n                        (onClick)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{ field.leftAddon.label }}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"isFunction(field.rightAddon.disabled) ? field.rightAddon.disabled() : field.rightAddon.disabled\"\n                        (onClick)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{ field.rightAddon.label }}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #input>\n    <input\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n",
         encapsulation: ViewEncapsulation.None,
         styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}.addon-button{border:1px solid #c1c1cc}.addon-button s-button .s-button-with-text,.addon-button s-button button{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
     })
@@ -12808,7 +12794,7 @@ TextAreaComponent = TextAreaComponent_1 = __decorate([
                 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}:host.ng-invalid.ng-dirty .textarea{border-color:#c13018}"]
+        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}.textarea:focus{transition:border-color .2s ease-out;border:1px solid #428bca}:host.ng-invalid.ng-dirty .textarea{border-color:#c13018}"]
     })
 ], TextAreaComponent);
 
@@ -13017,6 +13003,7 @@ let SpeechRecognitionComponent = SpeechRecognitionComponent_1 = class SpeechReco
         this._recognizedText = '';
         this.disabled = false;
         this.textToSpeechService.cancel();
+        SpeechRecognitionComponent_1.TOOLBAR_ACTIVE = false;
     }
     ngOnDestroy() {
         this.onDestroy$.next();