@seniorsistemas/angular-components 17.26.12 → 17.26.13-bugfix-sds-312-bce78028
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/bundles/seniorsistemas-angular-components.umd.js +18 -30
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/dynamic-form/components/fields/text/text-field.component.d.ts +3 -1
- package/components/dynamic-form/components/fields/text-area/text-area-field.component.d.ts +1 -2
- package/components/tooltip/tooltip.directive.d.ts +0 -3
- package/esm2015/components/code-editor/code-editor.component.js +1 -1
- package/esm2015/components/dynamic-form/components/fields/text/text-field.component.js +11 -2
- package/esm2015/components/dynamic-form/components/fields/text-area/text-area-field.component.js +3 -6
- package/esm2015/components/info-sign/info-sign.component.js +2 -2
- package/esm2015/components/speech-recognition/speech-recognition/speech-recognition.component.js +2 -1
- package/esm2015/components/tooltip/tooltip.directive.js +3 -25
- package/esm5/components/code-editor/code-editor.component.js +1 -1
- package/esm5/components/dynamic-form/components/fields/text/text-field.component.js +15 -2
- package/esm5/components/dynamic-form/components/fields/text-area/text-area-field.component.js +3 -6
- package/esm5/components/info-sign/info-sign.component.js +2 -2
- package/esm5/components/speech-recognition/speech-recognition/speech-recognition.component.js +2 -1
- package/esm5/components/tooltip/tooltip.directive.js +3 -25
- package/fesm2015/seniorsistemas-angular-components.js +15 -31
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +19 -31
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -653,8 +653,6 @@
|
|
|
653
653
|
this.visible = true;
|
|
654
654
|
this.mobileBehavior = MobileBehavior.Pressing;
|
|
655
655
|
this.componentRef = null;
|
|
656
|
-
this.existFocusedInputRefTooltip = false;
|
|
657
|
-
this.boundOnWindowMouseMoveFunction = this.onWindowMouseMove.bind(this);
|
|
658
656
|
this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(function () { return _this._createTooltip(true, true); });
|
|
659
657
|
}
|
|
660
658
|
TooltipDirective.prototype.ngOnInit = function () {
|
|
@@ -664,22 +662,6 @@
|
|
|
664
662
|
TooltipDirective.prototype.ngOnDestroy = function () {
|
|
665
663
|
this.destroy();
|
|
666
664
|
};
|
|
667
|
-
TooltipDirective.prototype.onWindowMouseMove = function (event) {
|
|
668
|
-
if (!this.componentRef) {
|
|
669
|
-
return;
|
|
670
|
-
}
|
|
671
|
-
var elementRect = this.elementRef.nativeElement.getBoundingClientRect();
|
|
672
|
-
var toolTipRect = this.tooltipDivElement.getBoundingClientRect();
|
|
673
|
-
var totalElementArea = {
|
|
674
|
-
top: Math.min(elementRect.top, toolTipRect.top),
|
|
675
|
-
right: Math.max(elementRect.right, toolTipRect.right),
|
|
676
|
-
left: Math.min(elementRect.left, toolTipRect.left),
|
|
677
|
-
bottom: Math.max(elementRect.bottom, toolTipRect.bottom),
|
|
678
|
-
};
|
|
679
|
-
if (isMousePositionOutsideOfElement(event, totalElementArea) && !this.existFocusedInputRefTooltip) {
|
|
680
|
-
this.destroy();
|
|
681
|
-
}
|
|
682
|
-
};
|
|
683
665
|
/**
|
|
684
666
|
* Manipula a visibilidade do tooltip quando houver uma referência de input.
|
|
685
667
|
*/
|
|
@@ -690,7 +672,6 @@
|
|
|
690
672
|
var icon_1 = this.getIconFromFocusedInput();
|
|
691
673
|
this.renderer.listen(inputFocus, "focus", function () {
|
|
692
674
|
if (icon_1) {
|
|
693
|
-
_this.existFocusedInputRefTooltip = true;
|
|
694
675
|
_this._createTooltip(false, false);
|
|
695
676
|
}
|
|
696
677
|
});
|
|
@@ -698,7 +679,6 @@
|
|
|
698
679
|
if (icon_1) {
|
|
699
680
|
_this.removeTooltip(icon_1);
|
|
700
681
|
_this.destroy();
|
|
701
|
-
_this.existFocusedInputRefTooltip = false;
|
|
702
682
|
}
|
|
703
683
|
});
|
|
704
684
|
}
|
|
@@ -743,7 +723,7 @@
|
|
|
743
723
|
}
|
|
744
724
|
};
|
|
745
725
|
TooltipDirective.prototype.onMouseLeave = function () {
|
|
746
|
-
if (this.tooltipEvent === TooltipEvent.Hover
|
|
726
|
+
if (this.tooltipEvent === TooltipEvent.Hover) {
|
|
747
727
|
this.destroy();
|
|
748
728
|
}
|
|
749
729
|
};
|
|
@@ -809,7 +789,6 @@
|
|
|
809
789
|
if (this.componentRef !== null) {
|
|
810
790
|
this.componentRef.instance.visible = this.visible;
|
|
811
791
|
this.setTooltipPositionProperty();
|
|
812
|
-
window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
|
|
813
792
|
}
|
|
814
793
|
};
|
|
815
794
|
TooltipDirective.prototype.setTooltipPositionProperty = function () {
|
|
@@ -920,7 +899,6 @@
|
|
|
920
899
|
this.componentRef = null;
|
|
921
900
|
this.tooltipDivElement = null;
|
|
922
901
|
}
|
|
923
|
-
window.removeEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
|
|
924
902
|
};
|
|
925
903
|
TooltipDirective.ctorParameters = function () { return [
|
|
926
904
|
{ type: core.ElementRef },
|
|
@@ -1172,7 +1150,7 @@
|
|
|
1172
1150
|
InfoSignComponent = __decorate([
|
|
1173
1151
|
core.Component({
|
|
1174
1152
|
selector: "s-info-sign-component",
|
|
1175
|
-
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",
|
|
1153
|
+
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",
|
|
1176
1154
|
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}"]
|
|
1177
1155
|
})
|
|
1178
1156
|
], InfoSignComponent);
|
|
@@ -4411,7 +4389,7 @@
|
|
|
4411
4389
|
multi: true,
|
|
4412
4390
|
},
|
|
4413
4391
|
],
|
|
4414
|
-
styles: [".core-wrapper{height:100
|
|
4392
|
+
styles: [".core-wrapper{height:100%;border:1px solid #c1c1cc;border-radius:3px}"]
|
|
4415
4393
|
})
|
|
4416
4394
|
], CodeEditorComponent);
|
|
4417
4395
|
return CodeEditorComponent;
|
|
@@ -11776,12 +11754,9 @@
|
|
|
11776
11754
|
__decorate([
|
|
11777
11755
|
core.Input()
|
|
11778
11756
|
], TextAreaFieldComponent.prototype, "formControl", void 0);
|
|
11779
|
-
__decorate([
|
|
11780
|
-
core.ViewChild('inputRef')
|
|
11781
|
-
], TextAreaFieldComponent.prototype, "inputRef", void 0);
|
|
11782
11757
|
TextAreaFieldComponent = __decorate([
|
|
11783
11758
|
core.Component({
|
|
11784
|
-
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"
|
|
11759
|
+
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"
|
|
11785
11760
|
})
|
|
11786
11761
|
], TextAreaFieldComponent);
|
|
11787
11762
|
return TextAreaFieldComponent;
|
|
@@ -12207,6 +12182,18 @@
|
|
|
12207
12182
|
this.ngUnsubscribe.next();
|
|
12208
12183
|
this.ngUnsubscribe.complete();
|
|
12209
12184
|
};
|
|
12185
|
+
Object.defineProperty(TextFieldComponent.prototype, "inputElement", {
|
|
12186
|
+
get: function () {
|
|
12187
|
+
if (this.inputRef instanceof inputmask.InputMask) {
|
|
12188
|
+
return this.inputRef.inputViewChild.nativeElement;
|
|
12189
|
+
}
|
|
12190
|
+
else {
|
|
12191
|
+
return this.inputRef;
|
|
12192
|
+
}
|
|
12193
|
+
},
|
|
12194
|
+
enumerable: true,
|
|
12195
|
+
configurable: true
|
|
12196
|
+
});
|
|
12210
12197
|
TextFieldComponent.prototype.getCharacterPattern = function () {
|
|
12211
12198
|
return typeof this.field.characterPattern === "function"
|
|
12212
12199
|
? this.field.characterPattern()
|
|
@@ -12240,7 +12227,7 @@
|
|
|
12240
12227
|
], TextFieldComponent.prototype, "inputRef", void 0);
|
|
12241
12228
|
TextFieldComponent = __decorate([
|
|
12242
12229
|
core.Component({
|
|
12243
|
-
template: "<s-field-label *ngIf=\"
|
|
12230
|
+
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",
|
|
12244
12231
|
encapsulation: core.ViewEncapsulation.None,
|
|
12245
12232
|
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}"]
|
|
12246
12233
|
})
|
|
@@ -13985,6 +13972,7 @@
|
|
|
13985
13972
|
this._recognizedText = '';
|
|
13986
13973
|
this.disabled = false;
|
|
13987
13974
|
this.textToSpeechService.cancel();
|
|
13975
|
+
SpeechRecognitionComponent_1.TOOLBAR_ACTIVE = false;
|
|
13988
13976
|
};
|
|
13989
13977
|
SpeechRecognitionComponent.prototype.ngOnDestroy = function () {
|
|
13990
13978
|
this.onDestroy$.next();
|