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

package/fesm5/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';
@@ -508,8 +508,7 @@ var TooltipDirective = /** @class */ (function () {
         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(function () { return _this._createTooltip(true, true); });
     }
     TooltipDirective.prototype.ngOnInit = function () {
@@ -519,22 +518,6 @@ var TooltipDirective = /** @class */ (function () {
     TooltipDirective.prototype.ngOnDestroy = function () {
         this.destroy();
     };
-    TooltipDirective.prototype.onWindowMouseMove = function (event) {
-        if (!this.componentRef) {
-            return;
-        }
-        var elementRect = this.elementRef.nativeElement.getBoundingClientRect();
-        var toolTipRect = this.tooltipDivElement.getBoundingClientRect();
-        var 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.
      */
@@ -545,15 +528,15 @@ var TooltipDirective = /** @class */ (function () {
             var icon_1 = this.getIconFromFocusedInput();
             this.renderer.listen(inputFocus, "focus", function () {
                 if (icon_1) {
-                    _this.existFocusedInputRefTooltip = true;
                     _this._createTooltip(false, false);
+                    _this.tooltipCreatedByFocus = true;
                 }
             });
             this.renderer.listen(inputFocus, "blur", function () {
                 if (icon_1) {
                     _this.removeTooltip(icon_1);
                     _this.destroy();
-                    _this.existFocusedInputRefTooltip = false;
+                    _this.tooltipCreatedByFocus = false;
                 }
             });
         }
@@ -593,12 +576,12 @@ var TooltipDirective = /** @class */ (function () {
         }
     };
     TooltipDirective.prototype.onMouseEnter = function () {
-        if (this.tooltipEvent === TooltipEvent.Hover) {
+        if (this.tooltipEvent === TooltipEvent.Hover || this.focusedInputRef) {
             this.debounceCreateTooltipFunction();
         }
     };
     TooltipDirective.prototype.onMouseLeave = function () {
-        if (this.tooltipEvent === TooltipEvent.Hover && !this.existFocusedInputRefTooltip) {
+        if ((this.tooltipEvent === TooltipEvent.Hover || this.focusedInputRef) && !this.tooltipCreatedByFocus) {
             this.destroy();
         }
     };
@@ -664,7 +647,6 @@ var TooltipDirective = /** @class */ (function () {
         if (this.componentRef !== null) {
             this.componentRef.instance.visible = this.visible;
             this.setTooltipPositionProperty();
-            window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
         }
     };
     TooltipDirective.prototype.setTooltipPositionProperty = function () {
@@ -775,7 +757,6 @@ var TooltipDirective = /** @class */ (function () {
             this.componentRef = null;
             this.tooltipDivElement = null;
         }
-        window.removeEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
     };
     TooltipDirective.ctorParameters = function () { return [
         { type: ElementRef },
@@ -1027,7 +1008,7 @@ var InfoSignComponent = /** @class */ (function () {
     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);
@@ -4266,7 +4247,7 @@ var CodeEditorComponent = /** @class */ (function () {
                     multi: true,
                 },
             ],
-            styles: [".core-wrapper{height:100%}"]
+            styles: [".core-wrapper{height:100%;border:1px solid #c1c1cc;border-radius:3px}"]
         })
     ], CodeEditorComponent);
     return CodeEditorComponent;
@@ -11631,12 +11612,9 @@ var TextAreaFieldComponent = /** @class */ (function () {
     __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);
     return TextAreaFieldComponent;
@@ -12062,6 +12040,18 @@ var TextFieldComponent = /** @class */ (function (_super) {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     };
+    Object.defineProperty(TextFieldComponent.prototype, "inputElement", {
+        get: function () {
+            if (this.inputRef instanceof InputMask) {
+                return this.inputRef.inputViewChild.nativeElement;
+            }
+            else {
+                return this.inputRef;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
     TextFieldComponent.prototype.getCharacterPattern = function () {
         return typeof this.field.characterPattern === "function"
             ? this.field.characterPattern()
@@ -12095,7 +12085,7 @@ var TextFieldComponent = /** @class */ (function (_super) {
     ], 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}"]
         })
@@ -13616,7 +13606,7 @@ var TextAreaComponent = /** @class */ (function () {
                     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);
     return TextAreaComponent;
@@ -13840,6 +13830,7 @@ var SpeechRecognitionComponent = /** @class */ (function () {
         this._recognizedText = '';
         this.disabled = false;
         this.textToSpeechService.cancel();
+        SpeechRecognitionComponent_1.TOOLBAR_ACTIVE = false;
     };
     SpeechRecognitionComponent.prototype.ngOnDestroy = function () {
         this.onDestroy$.next();