@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
|
@@ -38,7 +38,7 @@ import { CheckboxModule as CheckboxModule$1 } from 'primeng/checkbox';
|
|
|
38
38
|
import { ChipsModule as ChipsModule$1 } from 'primeng/chips';
|
|
39
39
|
import { DropdownModule } from 'primeng/dropdown';
|
|
40
40
|
import { FieldsetModule } from 'primeng/fieldset';
|
|
41
|
-
import { InputMaskModule } from 'primeng/inputmask';
|
|
41
|
+
import { InputMask, InputMaskModule } from 'primeng/inputmask';
|
|
42
42
|
import { InputTextModule } from 'primeng/inputtext';
|
|
43
43
|
import { InputTextareaModule } from 'primeng/inputtextarea';
|
|
44
44
|
import { KeyFilterModule } from 'primeng/keyfilter';
|
|
@@ -508,8 +508,6 @@ var TooltipDirective = /** @class */ (function () {
|
|
|
508
508
|
this.visible = true;
|
|
509
509
|
this.mobileBehavior = MobileBehavior.Pressing;
|
|
510
510
|
this.componentRef = null;
|
|
511
|
-
this.existFocusedInputRefTooltip = false;
|
|
512
|
-
this.boundOnWindowMouseMoveFunction = this.onWindowMouseMove.bind(this);
|
|
513
511
|
this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(function () { return _this._createTooltip(true, true); });
|
|
514
512
|
}
|
|
515
513
|
TooltipDirective.prototype.ngOnInit = function () {
|
|
@@ -519,22 +517,6 @@ var TooltipDirective = /** @class */ (function () {
|
|
|
519
517
|
TooltipDirective.prototype.ngOnDestroy = function () {
|
|
520
518
|
this.destroy();
|
|
521
519
|
};
|
|
522
|
-
TooltipDirective.prototype.onWindowMouseMove = function (event) {
|
|
523
|
-
if (!this.componentRef) {
|
|
524
|
-
return;
|
|
525
|
-
}
|
|
526
|
-
var elementRect = this.elementRef.nativeElement.getBoundingClientRect();
|
|
527
|
-
var toolTipRect = this.tooltipDivElement.getBoundingClientRect();
|
|
528
|
-
var totalElementArea = {
|
|
529
|
-
top: Math.min(elementRect.top, toolTipRect.top),
|
|
530
|
-
right: Math.max(elementRect.right, toolTipRect.right),
|
|
531
|
-
left: Math.min(elementRect.left, toolTipRect.left),
|
|
532
|
-
bottom: Math.max(elementRect.bottom, toolTipRect.bottom),
|
|
533
|
-
};
|
|
534
|
-
if (isMousePositionOutsideOfElement(event, totalElementArea) && !this.existFocusedInputRefTooltip) {
|
|
535
|
-
this.destroy();
|
|
536
|
-
}
|
|
537
|
-
};
|
|
538
520
|
/**
|
|
539
521
|
* Manipula a visibilidade do tooltip quando houver uma referência de input.
|
|
540
522
|
*/
|
|
@@ -545,7 +527,6 @@ var TooltipDirective = /** @class */ (function () {
|
|
|
545
527
|
var icon_1 = this.getIconFromFocusedInput();
|
|
546
528
|
this.renderer.listen(inputFocus, "focus", function () {
|
|
547
529
|
if (icon_1) {
|
|
548
|
-
_this.existFocusedInputRefTooltip = true;
|
|
549
530
|
_this._createTooltip(false, false);
|
|
550
531
|
}
|
|
551
532
|
});
|
|
@@ -553,7 +534,6 @@ var TooltipDirective = /** @class */ (function () {
|
|
|
553
534
|
if (icon_1) {
|
|
554
535
|
_this.removeTooltip(icon_1);
|
|
555
536
|
_this.destroy();
|
|
556
|
-
_this.existFocusedInputRefTooltip = false;
|
|
557
537
|
}
|
|
558
538
|
});
|
|
559
539
|
}
|
|
@@ -598,7 +578,7 @@ var TooltipDirective = /** @class */ (function () {
|
|
|
598
578
|
}
|
|
599
579
|
};
|
|
600
580
|
TooltipDirective.prototype.onMouseLeave = function () {
|
|
601
|
-
if (this.tooltipEvent === TooltipEvent.Hover
|
|
581
|
+
if (this.tooltipEvent === TooltipEvent.Hover) {
|
|
602
582
|
this.destroy();
|
|
603
583
|
}
|
|
604
584
|
};
|
|
@@ -664,7 +644,6 @@ var TooltipDirective = /** @class */ (function () {
|
|
|
664
644
|
if (this.componentRef !== null) {
|
|
665
645
|
this.componentRef.instance.visible = this.visible;
|
|
666
646
|
this.setTooltipPositionProperty();
|
|
667
|
-
window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
|
|
668
647
|
}
|
|
669
648
|
};
|
|
670
649
|
TooltipDirective.prototype.setTooltipPositionProperty = function () {
|
|
@@ -775,7 +754,6 @@ var TooltipDirective = /** @class */ (function () {
|
|
|
775
754
|
this.componentRef = null;
|
|
776
755
|
this.tooltipDivElement = null;
|
|
777
756
|
}
|
|
778
|
-
window.removeEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
|
|
779
757
|
};
|
|
780
758
|
TooltipDirective.ctorParameters = function () { return [
|
|
781
759
|
{ type: ElementRef },
|
|
@@ -1027,7 +1005,7 @@ var InfoSignComponent = /** @class */ (function () {
|
|
|
1027
1005
|
InfoSignComponent = __decorate([
|
|
1028
1006
|
Component({
|
|
1029
1007
|
selector: "s-info-sign-component",
|
|
1030
|
-
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",
|
|
1008
|
+
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",
|
|
1031
1009
|
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}"]
|
|
1032
1010
|
})
|
|
1033
1011
|
], InfoSignComponent);
|
|
@@ -4266,7 +4244,7 @@ var CodeEditorComponent = /** @class */ (function () {
|
|
|
4266
4244
|
multi: true,
|
|
4267
4245
|
},
|
|
4268
4246
|
],
|
|
4269
|
-
styles: [".core-wrapper{height:100
|
|
4247
|
+
styles: [".core-wrapper{height:100%;border:1px solid #c1c1cc;border-radius:3px}"]
|
|
4270
4248
|
})
|
|
4271
4249
|
], CodeEditorComponent);
|
|
4272
4250
|
return CodeEditorComponent;
|
|
@@ -11631,12 +11609,9 @@ var TextAreaFieldComponent = /** @class */ (function () {
|
|
|
11631
11609
|
__decorate([
|
|
11632
11610
|
Input()
|
|
11633
11611
|
], TextAreaFieldComponent.prototype, "formControl", void 0);
|
|
11634
|
-
__decorate([
|
|
11635
|
-
ViewChild('inputRef')
|
|
11636
|
-
], TextAreaFieldComponent.prototype, "inputRef", void 0);
|
|
11637
11612
|
TextAreaFieldComponent = __decorate([
|
|
11638
11613
|
Component({
|
|
11639
|
-
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"
|
|
11614
|
+
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"
|
|
11640
11615
|
})
|
|
11641
11616
|
], TextAreaFieldComponent);
|
|
11642
11617
|
return TextAreaFieldComponent;
|
|
@@ -12062,6 +12037,18 @@ var TextFieldComponent = /** @class */ (function (_super) {
|
|
|
12062
12037
|
this.ngUnsubscribe.next();
|
|
12063
12038
|
this.ngUnsubscribe.complete();
|
|
12064
12039
|
};
|
|
12040
|
+
Object.defineProperty(TextFieldComponent.prototype, "inputElement", {
|
|
12041
|
+
get: function () {
|
|
12042
|
+
if (this.inputRef instanceof InputMask) {
|
|
12043
|
+
return this.inputRef.inputViewChild.nativeElement;
|
|
12044
|
+
}
|
|
12045
|
+
else {
|
|
12046
|
+
return this.inputRef;
|
|
12047
|
+
}
|
|
12048
|
+
},
|
|
12049
|
+
enumerable: true,
|
|
12050
|
+
configurable: true
|
|
12051
|
+
});
|
|
12065
12052
|
TextFieldComponent.prototype.getCharacterPattern = function () {
|
|
12066
12053
|
return typeof this.field.characterPattern === "function"
|
|
12067
12054
|
? this.field.characterPattern()
|
|
@@ -12095,7 +12082,7 @@ var TextFieldComponent = /** @class */ (function (_super) {
|
|
|
12095
12082
|
], TextFieldComponent.prototype, "inputRef", void 0);
|
|
12096
12083
|
TextFieldComponent = __decorate([
|
|
12097
12084
|
Component({
|
|
12098
|
-
template: "<s-field-label *ngIf=\"
|
|
12085
|
+
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",
|
|
12099
12086
|
encapsulation: ViewEncapsulation.None,
|
|
12100
12087
|
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}"]
|
|
12101
12088
|
})
|
|
@@ -13840,6 +13827,7 @@ var SpeechRecognitionComponent = /** @class */ (function () {
|
|
|
13840
13827
|
this._recognizedText = '';
|
|
13841
13828
|
this.disabled = false;
|
|
13842
13829
|
this.textToSpeechService.cancel();
|
|
13830
|
+
SpeechRecognitionComponent_1.TOOLBAR_ACTIVE = false;
|
|
13843
13831
|
};
|
|
13844
13832
|
SpeechRecognitionComponent.prototype.ngOnDestroy = function () {
|
|
13845
13833
|
this.onDestroy$.next();
|