@seniorsistemas/angular-components 17.22.0 → 17.23.0-develop-4858c668
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 +8 -1
- 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 +1 -0
- package/components/dynamic-form/configurations/fields/text-field.d.ts +2 -0
- package/esm2015/components/dynamic-form/components/fields/text/text-field.component.js +7 -2
- package/esm2015/components/dynamic-form/configurations/fields/text-field.js +3 -1
- package/esm5/components/dynamic-form/components/fields/text/text-field.component.js +7 -2
- package/esm5/components/dynamic-form/configurations/fields/text-field.js +3 -1
- package/fesm2015/seniorsistemas-angular-components.js +8 -1
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +8 -1
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +2 -43
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -6892,8 +6892,10 @@ var TextAreaIAField = /** @class */ (function (_super) {
|
|
|
6892
6892
|
var TextField = /** @class */ (function (_super) {
|
|
6893
6893
|
__extends(TextField, _super);
|
|
6894
6894
|
function TextField(config) {
|
|
6895
|
+
var _a;
|
|
6895
6896
|
var _this = _super.call(this, config) || this;
|
|
6896
6897
|
_this.mask = config.mask;
|
|
6898
|
+
_this.characterPattern = (_a = config.characterPattern) !== null && _a !== void 0 ? _a : "[A-Za-z]";
|
|
6897
6899
|
_this.readonly = config.readonly;
|
|
6898
6900
|
_this.inputType = config.inputType;
|
|
6899
6901
|
_this.keyFilter = config.keyFilter;
|
|
@@ -11590,6 +11592,11 @@ var TextFieldComponent = /** @class */ (function (_super) {
|
|
|
11590
11592
|
this.ngUnsubscribe.next();
|
|
11591
11593
|
this.ngUnsubscribe.complete();
|
|
11592
11594
|
};
|
|
11595
|
+
TextFieldComponent.prototype.getCharacterPattern = function () {
|
|
11596
|
+
return typeof this.field.characterPattern === "function"
|
|
11597
|
+
? this.field.characterPattern()
|
|
11598
|
+
: this.field.characterPattern;
|
|
11599
|
+
};
|
|
11593
11600
|
TextFieldComponent.ctorParameters = function () { return [
|
|
11594
11601
|
{ type: ChangeDetectorRef }
|
|
11595
11602
|
]; };
|
|
@@ -11613,7 +11620,7 @@ var TextFieldComponent = /** @class */ (function (_super) {
|
|
|
11613
11620
|
], TextFieldComponent.prototype, "inputRef", void 0);
|
|
11614
11621
|
TextFieldComponent = __decorate([
|
|
11615
11622
|
Component({
|
|
11616
|
-
template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"
|
|
11623
|
+
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 [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>\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",
|
|
11617
11624
|
encapsulation: ViewEncapsulation.None,
|
|
11618
11625
|
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}"]
|
|
11619
11626
|
})
|