@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
|
@@ -7037,8 +7037,10 @@
|
|
|
7037
7037
|
var TextField = /** @class */ (function (_super) {
|
|
7038
7038
|
__extends(TextField, _super);
|
|
7039
7039
|
function TextField(config) {
|
|
7040
|
+
var _a;
|
|
7040
7041
|
var _this = _super.call(this, config) || this;
|
|
7041
7042
|
_this.mask = config.mask;
|
|
7043
|
+
_this.characterPattern = (_a = config.characterPattern) !== null && _a !== void 0 ? _a : "[A-Za-z]";
|
|
7042
7044
|
_this.readonly = config.readonly;
|
|
7043
7045
|
_this.inputType = config.inputType;
|
|
7044
7046
|
_this.keyFilter = config.keyFilter;
|
|
@@ -11735,6 +11737,11 @@
|
|
|
11735
11737
|
this.ngUnsubscribe.next();
|
|
11736
11738
|
this.ngUnsubscribe.complete();
|
|
11737
11739
|
};
|
|
11740
|
+
TextFieldComponent.prototype.getCharacterPattern = function () {
|
|
11741
|
+
return typeof this.field.characterPattern === "function"
|
|
11742
|
+
? this.field.characterPattern()
|
|
11743
|
+
: this.field.characterPattern;
|
|
11744
|
+
};
|
|
11738
11745
|
TextFieldComponent.ctorParameters = function () { return [
|
|
11739
11746
|
{ type: core.ChangeDetectorRef }
|
|
11740
11747
|
]; };
|
|
@@ -11758,7 +11765,7 @@
|
|
|
11758
11765
|
], TextFieldComponent.prototype, "inputRef", void 0);
|
|
11759
11766
|
TextFieldComponent = __decorate([
|
|
11760
11767
|
core.Component({
|
|
11761
|
-
template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"
|
|
11768
|
+
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",
|
|
11762
11769
|
encapsulation: core.ViewEncapsulation.None,
|
|
11763
11770
|
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}"]
|
|
11764
11771
|
})
|