@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
|
@@ -2,6 +2,7 @@ import { AddonConfig } from "../addon-config";
|
|
|
2
2
|
import { Field, FieldConfig } from "./field";
|
|
3
3
|
export interface TextFieldConfig extends FieldConfig {
|
|
4
4
|
mask?: () => string | any;
|
|
5
|
+
characterPattern?: (() => string) | string;
|
|
5
6
|
readonly?: () => boolean;
|
|
6
7
|
inputType?: string;
|
|
7
8
|
keyFilter?: any;
|
|
@@ -19,6 +20,7 @@ export interface TextFieldConfig extends FieldConfig {
|
|
|
19
20
|
}
|
|
20
21
|
export declare class TextField extends Field {
|
|
21
22
|
mask?: () => string | any;
|
|
23
|
+
characterPattern?: (() => string) | string;
|
|
22
24
|
readonly?: () => boolean;
|
|
23
25
|
inputType?: string;
|
|
24
26
|
keyFilter?: any;
|
|
@@ -33,6 +33,11 @@ let TextFieldComponent = class TextFieldComponent extends BaseFieldComponent {
|
|
|
33
33
|
this.ngUnsubscribe.next();
|
|
34
34
|
this.ngUnsubscribe.complete();
|
|
35
35
|
}
|
|
36
|
+
getCharacterPattern() {
|
|
37
|
+
return typeof this.field.characterPattern === "function"
|
|
38
|
+
? this.field.characterPattern()
|
|
39
|
+
: this.field.characterPattern;
|
|
40
|
+
}
|
|
36
41
|
};
|
|
37
42
|
TextFieldComponent.ctorParameters = () => [
|
|
38
43
|
{ type: ChangeDetectorRef }
|
|
@@ -57,10 +62,10 @@ __decorate([
|
|
|
57
62
|
], TextFieldComponent.prototype, "inputRef", void 0);
|
|
58
63
|
TextFieldComponent = __decorate([
|
|
59
64
|
Component({
|
|
60
|
-
template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"
|
|
65
|
+
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",
|
|
61
66
|
encapsulation: ViewEncapsulation.None,
|
|
62
67
|
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}"]
|
|
63
68
|
})
|
|
64
69
|
], TextFieldComponent);
|
|
65
70
|
export { TextFieldComponent };
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9keW5hbWljLWZvcm0vY29tcG9uZW50cy9maWVsZHMvdGV4dC90ZXh0LWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3RLLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRzNDLE9BQU8sRUFBRSxrQkFBa0IsRUFBNEIsTUFBTSx5QkFBeUIsQ0FBQztBQU92RixJQUFhLGtCQUFrQixHQUEvQixNQUFhLGtCQUFtQixTQUFRLGtCQUFrQjtJQWlCdEQsWUFBNkIsaUJBQW9DO1FBQzdELEtBQUssRUFBRSxDQUFDO1FBRGlCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFWMUQsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWhELFlBQU8sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVoRCxlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFJbEQsa0JBQWEsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBSXRDLENBQUM7SUFFTSxRQUFRO1FBQ1gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQWlCLEVBQUUsRUFBRTtZQUM3RSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTztnQkFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN0RCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUN0RSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTztnQkFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN0RCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUN6RSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVTtnQkFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1RCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxlQUFlO1FBQ2xCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQyxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsbUJBQW1CO1FBQ2YsT0FBTyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsZ0JBQWdCLEtBQUssVUFBVTtZQUNwRCxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRTtZQUMvQixDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQztJQUN0QyxDQUFDO0NBQ0osQ0FBQTs7WUE5Qm1ELGlCQUFpQjs7QUFmakU7SUFEQyxLQUFLLEVBQUU7aURBQ2dCO0FBRXhCO0lBREMsS0FBSyxFQUFFO3VEQUN3QjtBQUdoQztJQURDLE1BQU0sRUFBRTttREFDOEM7QUFFdkQ7SUFEQyxNQUFNLEVBQUU7bURBQzhDO0FBRXZEO0lBREMsTUFBTSxFQUFFO3NEQUNpRDtBQUVuQztJQUF0QixTQUFTLENBQUMsVUFBVSxDQUFDO29EQUFzQjtBQWJuQyxrQkFBa0I7SUFMOUIsU0FBUyxDQUFDO1FBQ1AsOHJKQUF3QztRQUV4QyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7S0FDeEMsQ0FBQztHQUNXLGtCQUFrQixDQStDOUI7U0EvQ1ksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xuXG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vLi4vLi4vY29uZmlndXJhdGlvbnMvZmllbGRzL3RleHQtZmllbGRcIjtcbmltcG9ydCB7IEJhc2VGaWVsZENvbXBvbmVudCwgQmFzZUZpZWxkQ29tcG9uZW50Q29uZmlnIH0gZnJvbSBcIi4uL2Jhc2UtZmllbGQtY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiBcInRleHQtZmllbGQuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vdGV4dC1maWVsZC5jb21wb25lbnQuc2Nzc1wiXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBCYXNlRmllbGRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSwgQmFzZUZpZWxkQ29tcG9uZW50Q29uZmlnIHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBmaWVsZDogVGV4dEZpZWxkO1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGZvcm1Db250cm9sOiBGb3JtQ29udHJvbDtcblxuICAgIEBPdXRwdXQoKVxuICAgIHB1YmxpYyBvbklucHV0OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgb25Gb2N1czogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIG9uQ29tcGxldGU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgQFZpZXdDaGlsZCgnaW5wdXRSZWYnKSBpbnB1dFJlZjogRWxlbWVudFJlZjtcblxuICAgIHByaXZhdGUgbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5vbkZvY3VzLnBpcGUodGFrZVVudGlsKHRoaXMubmdVbnN1YnNjcmliZSkpLnN1YnNjcmliZSgoZXZlbnQ6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmICh0aGlzLmZpZWxkLm9uRm9jdXMpIHRoaXMuZmllbGQub25Gb2N1cyhldmVudCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLm9uSW5wdXQucGlwZSh0YWtlVW50aWwodGhpcy5uZ1Vuc3Vic2NyaWJlKSkuc3Vic2NyaWJlKChldmVudDogYW55KSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5maWVsZC5vbklucHV0KSB0aGlzLmZpZWxkLm9uSW5wdXQoZXZlbnQpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5vbkNvbXBsZXRlLnBpcGUodGFrZVVudGlsKHRoaXMubmdVbnN1YnNjcmliZSkpLnN1YnNjcmliZSgoZXZlbnQ6IGFueSkgPT4ge1xuICAgICAgICAgICAgaWYgKHRoaXMuZmllbGQub25Db21wbGV0ZSkgdGhpcy5maWVsZC5vbkNvbXBsZXRlKGV2ZW50KTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLm5nVW5zdWJzY3JpYmUubmV4dCgpO1xuICAgICAgICB0aGlzLm5nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgICB9XG5cbiAgICBnZXRDaGFyYWN0ZXJQYXR0ZXJuKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0eXBlb2YgdGhpcy5maWVsZC5jaGFyYWN0ZXJQYXR0ZXJuID09PSBcImZ1bmN0aW9uXCJcbiAgICAgICAgICAgID8gdGhpcy5maWVsZC5jaGFyYWN0ZXJQYXR0ZXJuKClcbiAgICAgICAgICAgIDogdGhpcy5maWVsZC5jaGFyYWN0ZXJQYXR0ZXJuO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { Field } from "./field";
|
|
2
2
|
export class TextField extends Field {
|
|
3
3
|
constructor(config) {
|
|
4
|
+
var _a;
|
|
4
5
|
super(config);
|
|
5
6
|
this.mask = config.mask;
|
|
7
|
+
this.characterPattern = (_a = config.characterPattern) !== null && _a !== void 0 ? _a : "[A-Za-z]";
|
|
6
8
|
this.readonly = config.readonly;
|
|
7
9
|
this.inputType = config.inputType;
|
|
8
10
|
this.keyFilter = config.keyFilter;
|
|
@@ -18,4 +20,4 @@ export class TextField extends Field {
|
|
|
18
20
|
this.sortableColumnName = config.sortableColumnName;
|
|
19
21
|
}
|
|
20
22
|
}
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2R5bmFtaWMtZm9ybS9jb25maWd1cmF0aW9ucy9maWVsZHMvdGV4dC1maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsS0FBSyxFQUFlLE1BQU0sU0FBUyxDQUFDO0FBbUI3QyxNQUFNLE9BQU8sU0FBVSxTQUFRLEtBQUs7SUFnQmhDLFlBQVksTUFBdUI7O1FBQy9CLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNkLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsZ0JBQWdCLFNBQUcsTUFBTSxDQUFDLGdCQUFnQixtQ0FBSSxVQUFVLENBQUM7UUFDOUQsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQztRQUNsQyxJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUM7UUFDbEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxTQUFTLElBQUksT0FBTyxDQUFDO1FBQzdDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUM7UUFDdEQsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQztRQUM1QixJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7UUFDOUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUM5QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDO0lBQ3hELENBQUM7Q0FDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFkZG9uQ29uZmlnIH0gZnJvbSBcIi4uL2FkZG9uLWNvbmZpZ1wiO1xuaW1wb3J0IHsgRmllbGQsIEZpZWxkQ29uZmlnIH0gZnJvbSBcIi4vZmllbGRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0RmllbGRDb25maWcgZXh0ZW5kcyBGaWVsZENvbmZpZyB7XG4gICAgbWFzaz86ICgpID0+IHN0cmluZyB8IGFueTtcbiAgICBjaGFyYWN0ZXJQYXR0ZXJuPzogKCgpID0+IHN0cmluZykgfCBzdHJpbmc7XG4gICAgcmVhZG9ubHk/OiAoKSA9PiBib29sZWFuO1xuICAgIGlucHV0VHlwZT86IHN0cmluZztcbiAgICBrZXlGaWx0ZXI/OiBhbnk7XG4gICAgbGVmdEFkZG9uPzogQWRkb25Db25maWc7XG4gICAgcmlnaHRBZGRvbj86IEFkZG9uQ29uZmlnO1xuICAgIG1heExlbmd0aD86IHN0cmluZyB8IG51bWJlcjtcbiAgICBicm93c2VyQXV0b2NvbXBsZXRlPzogYm9vbGVhbjtcbiAgICBzdHlsZT86IHsgW2tsYXNzOiBzdHJpbmddOiBhbnkgfTtcbiAgICBvbkJsdXI/OiAoZXZlbnQ6IEZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gICAgb25Gb2N1cz86IChldmVudDogRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgICBvbkNvbXBsZXRlPzogKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB2b2lkO1xuICAgIG9uSW5wdXQ/OiAoZXZlbnQ6IEZvY3VzRXZlbnQpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjbGFzcyBUZXh0RmllbGQgZXh0ZW5kcyBGaWVsZCB7XG4gICAgcHVibGljIG1hc2s/OiAoKSA9PiBzdHJpbmcgfCBhbnk7XG4gICAgcHVibGljIGNoYXJhY3RlclBhdHRlcm4/OiAoKCkgPT4gc3RyaW5nKSB8IHN0cmluZztcbiAgICBwdWJsaWMgcmVhZG9ubHk/OiAoKSA9PiBib29sZWFuO1xuICAgIHB1YmxpYyBpbnB1dFR5cGU/OiBzdHJpbmc7XG4gICAgcHVibGljIGtleUZpbHRlcj86IGFueTtcbiAgICBwdWJsaWMgbGVmdEFkZG9uPzogQWRkb25Db25maWc7XG4gICAgcHVibGljIHJpZ2h0QWRkb24/OiBBZGRvbkNvbmZpZztcbiAgICBwdWJsaWMgbWF4TGVuZ3RoPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHB1YmxpYyBicm93c2VyQXV0b2NvbXBsZXRlPzogYm9vbGVhbjtcbiAgICBwdWJsaWMgc3R5bGU/OiB7IFtrbGFzczogc3RyaW5nXTogYW55IH07XG4gICAgcHVibGljIG9uQmx1cj86IChldmVudDogRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgICBwdWJsaWMgb25Gb2N1cz86IChldmVudDogRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgICBwdWJsaWMgb25Db21wbGV0ZT86IChldmVudDogYW55KSA9PiB2b2lkO1xuICAgIHB1YmxpYyBvbklucHV0PzogKGV2ZW50OiBhbnkpID0+IHZvaWQ7XG5cbiAgICBjb25zdHJ1Y3Rvcihjb25maWc6IFRleHRGaWVsZENvbmZpZykge1xuICAgICAgICBzdXBlcihjb25maWcpO1xuICAgICAgICB0aGlzLm1hc2sgPSBjb25maWcubWFzaztcbiAgICAgICAgdGhpcy5jaGFyYWN0ZXJQYXR0ZXJuID0gY29uZmlnLmNoYXJhY3RlclBhdHRlcm4gPz8gXCJbQS1aYS16XVwiO1xuICAgICAgICB0aGlzLnJlYWRvbmx5ID0gY29uZmlnLnJlYWRvbmx5O1xuICAgICAgICB0aGlzLmlucHV0VHlwZSA9IGNvbmZpZy5pbnB1dFR5cGU7XG4gICAgICAgIHRoaXMua2V5RmlsdGVyID0gY29uZmlnLmtleUZpbHRlcjtcbiAgICAgICAgdGhpcy5sZWZ0QWRkb24gPSBjb25maWcubGVmdEFkZG9uO1xuICAgICAgICB0aGlzLnJpZ2h0QWRkb24gPSBjb25maWcucmlnaHRBZGRvbjtcbiAgICAgICAgdGhpcy5tYXhMZW5ndGggPSBjb25maWcubWF4TGVuZ3RoIHx8IDk5OTk5OTk7XG4gICAgICAgIHRoaXMuYnJvd3NlckF1dG9jb21wbGV0ZSA9IGNvbmZpZy5icm93c2VyQXV0b2NvbXBsZXRlO1xuICAgICAgICB0aGlzLnN0eWxlID0gY29uZmlnLnN0eWxlO1xuICAgICAgICB0aGlzLm9uQmx1ciA9IGNvbmZpZy5vbkJsdXI7XG4gICAgICAgIHRoaXMub25Gb2N1cyA9IGNvbmZpZy5vbkZvY3VzO1xuICAgICAgICB0aGlzLm9uQ29tcGxldGUgPSBjb25maWcub25Db21wbGV0ZTtcbiAgICAgICAgdGhpcy5vbklucHV0ID0gY29uZmlnLm9uSW5wdXQ7XG4gICAgICAgIHRoaXMuc29ydGFibGVDb2x1bW5OYW1lID0gY29uZmlnLnNvcnRhYmxlQ29sdW1uTmFtZTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -36,6 +36,11 @@ var TextFieldComponent = /** @class */ (function (_super) {
|
|
|
36
36
|
this.ngUnsubscribe.next();
|
|
37
37
|
this.ngUnsubscribe.complete();
|
|
38
38
|
};
|
|
39
|
+
TextFieldComponent.prototype.getCharacterPattern = function () {
|
|
40
|
+
return typeof this.field.characterPattern === "function"
|
|
41
|
+
? this.field.characterPattern()
|
|
42
|
+
: this.field.characterPattern;
|
|
43
|
+
};
|
|
39
44
|
TextFieldComponent.ctorParameters = function () { return [
|
|
40
45
|
{ type: ChangeDetectorRef }
|
|
41
46
|
]; };
|
|
@@ -59,7 +64,7 @@ var TextFieldComponent = /** @class */ (function (_super) {
|
|
|
59
64
|
], TextFieldComponent.prototype, "inputRef", void 0);
|
|
60
65
|
TextFieldComponent = __decorate([
|
|
61
66
|
Component({
|
|
62
|
-
template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"
|
|
67
|
+
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",
|
|
63
68
|
encapsulation: ViewEncapsulation.None,
|
|
64
69
|
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}"]
|
|
65
70
|
})
|
|
@@ -67,4 +72,4 @@ var TextFieldComponent = /** @class */ (function (_super) {
|
|
|
67
72
|
return TextFieldComponent;
|
|
68
73
|
}(BaseFieldComponent));
|
|
69
74
|
export { TextFieldComponent };
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9keW5hbWljLWZvcm0vY29tcG9uZW50cy9maWVsZHMvdGV4dC90ZXh0LWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3RLLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRzNDLE9BQU8sRUFBRSxrQkFBa0IsRUFBNEIsTUFBTSx5QkFBeUIsQ0FBQztBQU92RjtJQUF3QyxzQ0FBa0I7SUFpQnRELDRCQUE2QixpQkFBb0M7UUFBakUsWUFDSSxpQkFBTyxTQUNWO1FBRjRCLHVCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFWMUQsYUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWhELGFBQU8sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVoRCxnQkFBVSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBSWxELG1CQUFhLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQzs7SUFJdEMsQ0FBQztJQUVNLHFDQUFRLEdBQWY7UUFBQSxpQkFVQztRQVRHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsVUFBQyxLQUFpQjtZQUN6RSxJQUFJLEtBQUksQ0FBQyxLQUFLLENBQUMsT0FBTztnQkFBRSxLQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN0RCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsVUFBQyxLQUFVO1lBQ2xFLElBQUksS0FBSSxDQUFDLEtBQUssQ0FBQyxPQUFPO2dCQUFFLEtBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RELENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxVQUFDLEtBQVU7WUFDckUsSUFBSSxLQUFJLENBQUMsS0FBSyxDQUFDLFVBQVU7Z0JBQUUsS0FBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU0sNENBQWUsR0FBdEI7UUFDSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUVNLHdDQUFXLEdBQWxCO1FBQ0ksSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxnREFBbUIsR0FBbkI7UUFDSSxPQUFPLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsS0FBSyxVQUFVO1lBQ3BELENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGdCQUFnQixFQUFFO1lBQy9CLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDO0lBQ3RDLENBQUM7O2dCQTdCK0MsaUJBQWlCOztJQWZqRTtRQURDLEtBQUssRUFBRTtxREFDZ0I7SUFFeEI7UUFEQyxLQUFLLEVBQUU7MkRBQ3dCO0lBR2hDO1FBREMsTUFBTSxFQUFFO3VEQUM4QztJQUV2RDtRQURDLE1BQU0sRUFBRTt1REFDOEM7SUFFdkQ7UUFEQyxNQUFNLEVBQUU7MERBQ2lEO0lBRW5DO1FBQXRCLFNBQVMsQ0FBQyxVQUFVLENBQUM7d0RBQXNCO0lBYm5DLGtCQUFrQjtRQUw5QixTQUFTLENBQUM7WUFDUCw4ckpBQXdDO1lBRXhDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJOztTQUN4QyxDQUFDO09BQ1csa0JBQWtCLENBK0M5QjtJQUFELHlCQUFDO0NBQUEsQUEvQ0QsQ0FBd0Msa0JBQWtCLEdBK0N6RDtTQS9DWSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tIFwicnhqc1wiO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5cbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi8uLi8uLi9jb25maWd1cmF0aW9ucy9maWVsZHMvdGV4dC1maWVsZFwiO1xuaW1wb3J0IHsgQmFzZUZpZWxkQ29tcG9uZW50LCBCYXNlRmllbGRDb21wb25lbnRDb25maWcgfSBmcm9tIFwiLi4vYmFzZS1maWVsZC1jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGVVcmw6IFwidGV4dC1maWVsZC5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzXCJdLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFRleHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEJhc2VGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95LCBCYXNlRmllbGRDb21wb25lbnRDb25maWcge1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGZpZWxkOiBUZXh0RmllbGQ7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZm9ybUNvbnRyb2w6IEZvcm1Db250cm9sO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIG9uSW5wdXQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKVxuICAgIHB1YmxpYyBvbkZvY3VzOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgb25Db21wbGV0ZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBAVmlld0NoaWxkKCdpbnB1dFJlZicpIGlucHV0UmVmOiBFbGVtZW50UmVmO1xuXG4gICAgcHJpdmF0ZSBuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3QoKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLm9uRm9jdXMucGlwZSh0YWtlVW50aWwodGhpcy5uZ1Vuc3Vic2NyaWJlKSkuc3Vic2NyaWJlKChldmVudDogRm9jdXNFdmVudCkgPT4ge1xuICAgICAgICAgICAgaWYgKHRoaXMuZmllbGQub25Gb2N1cykgdGhpcy5maWVsZC5vbkZvY3VzKGV2ZW50KTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMub25JbnB1dC5waXBlKHRha2VVbnRpbCh0aGlzLm5nVW5zdWJzY3JpYmUpKS5zdWJzY3JpYmUoKGV2ZW50OiBhbnkpID0+IHtcbiAgICAgICAgICAgIGlmICh0aGlzLmZpZWxkLm9uSW5wdXQpIHRoaXMuZmllbGQub25JbnB1dChldmVudCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLm9uQ29tcGxldGUucGlwZSh0YWtlVW50aWwodGhpcy5uZ1Vuc3Vic2NyaWJlKSkuc3Vic2NyaWJlKChldmVudDogYW55KSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5maWVsZC5vbkNvbXBsZXRlKSB0aGlzLmZpZWxkLm9uQ29tcGxldGUoZXZlbnQpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHRoaXMubmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgICAgIHRoaXMubmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICAgIH1cblxuICAgIGdldENoYXJhY3RlclBhdHRlcm4oKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHR5cGVvZiB0aGlzLmZpZWxkLmNoYXJhY3RlclBhdHRlcm4gPT09IFwiZnVuY3Rpb25cIlxuICAgICAgICAgICAgPyB0aGlzLmZpZWxkLmNoYXJhY3RlclBhdHRlcm4oKVxuICAgICAgICAgICAgOiB0aGlzLmZpZWxkLmNoYXJhY3RlclBhdHRlcm47XG4gICAgfVxufVxuIl19
|
|
@@ -3,8 +3,10 @@ import { Field } from "./field";
|
|
|
3
3
|
var TextField = /** @class */ (function (_super) {
|
|
4
4
|
__extends(TextField, _super);
|
|
5
5
|
function TextField(config) {
|
|
6
|
+
var _a;
|
|
6
7
|
var _this = _super.call(this, config) || this;
|
|
7
8
|
_this.mask = config.mask;
|
|
9
|
+
_this.characterPattern = (_a = config.characterPattern) !== null && _a !== void 0 ? _a : "[A-Za-z]";
|
|
8
10
|
_this.readonly = config.readonly;
|
|
9
11
|
_this.inputType = config.inputType;
|
|
10
12
|
_this.keyFilter = config.keyFilter;
|
|
@@ -23,4 +25,4 @@ var TextField = /** @class */ (function (_super) {
|
|
|
23
25
|
return TextField;
|
|
24
26
|
}(Field));
|
|
25
27
|
export { TextField };
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2R5bmFtaWMtZm9ybS9jb25maWd1cmF0aW9ucy9maWVsZHMvdGV4dC1maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLEtBQUssRUFBZSxNQUFNLFNBQVMsQ0FBQztBQW1CN0M7SUFBK0IsNkJBQUs7SUFnQmhDLG1CQUFZLE1BQXVCOztRQUFuQyxZQUNJLGtCQUFNLE1BQU0sQ0FBQyxTQWdCaEI7UUFmRyxLQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDeEIsS0FBSSxDQUFDLGdCQUFnQixTQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsbUNBQUksVUFBVSxDQUFDO1FBQzlELEtBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQztRQUNoQyxLQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUM7UUFDbEMsS0FBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDO1FBQ2xDLEtBQUksQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQztRQUNsQyxLQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7UUFDcEMsS0FBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxJQUFJLE9BQU8sQ0FBQztRQUM3QyxLQUFJLENBQUMsbUJBQW1CLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDO1FBQ3RELEtBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUMxQixLQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUM7UUFDNUIsS0FBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzlCLEtBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUNwQyxLQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7UUFDOUIsS0FBSSxDQUFDLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQzs7SUFDeEQsQ0FBQztJQUNMLGdCQUFDO0FBQUQsQ0FBQyxBQWxDRCxDQUErQixLQUFLLEdBa0NuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFkZG9uQ29uZmlnIH0gZnJvbSBcIi4uL2FkZG9uLWNvbmZpZ1wiO1xuaW1wb3J0IHsgRmllbGQsIEZpZWxkQ29uZmlnIH0gZnJvbSBcIi4vZmllbGRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0RmllbGRDb25maWcgZXh0ZW5kcyBGaWVsZENvbmZpZyB7XG4gICAgbWFzaz86ICgpID0+IHN0cmluZyB8IGFueTtcbiAgICBjaGFyYWN0ZXJQYXR0ZXJuPzogKCgpID0+IHN0cmluZykgfCBzdHJpbmc7XG4gICAgcmVhZG9ubHk/OiAoKSA9PiBib29sZWFuO1xuICAgIGlucHV0VHlwZT86IHN0cmluZztcbiAgICBrZXlGaWx0ZXI/OiBhbnk7XG4gICAgbGVmdEFkZG9uPzogQWRkb25Db25maWc7XG4gICAgcmlnaHRBZGRvbj86IEFkZG9uQ29uZmlnO1xuICAgIG1heExlbmd0aD86IHN0cmluZyB8IG51bWJlcjtcbiAgICBicm93c2VyQXV0b2NvbXBsZXRlPzogYm9vbGVhbjtcbiAgICBzdHlsZT86IHsgW2tsYXNzOiBzdHJpbmddOiBhbnkgfTtcbiAgICBvbkJsdXI/OiAoZXZlbnQ6IEZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gICAgb25Gb2N1cz86IChldmVudDogRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgICBvbkNvbXBsZXRlPzogKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB2b2lkO1xuICAgIG9uSW5wdXQ/OiAoZXZlbnQ6IEZvY3VzRXZlbnQpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjbGFzcyBUZXh0RmllbGQgZXh0ZW5kcyBGaWVsZCB7XG4gICAgcHVibGljIG1hc2s/OiAoKSA9PiBzdHJpbmcgfCBhbnk7XG4gICAgcHVibGljIGNoYXJhY3RlclBhdHRlcm4/OiAoKCkgPT4gc3RyaW5nKSB8IHN0cmluZztcbiAgICBwdWJsaWMgcmVhZG9ubHk/OiAoKSA9PiBib29sZWFuO1xuICAgIHB1YmxpYyBpbnB1dFR5cGU/OiBzdHJpbmc7XG4gICAgcHVibGljIGtleUZpbHRlcj86IGFueTtcbiAgICBwdWJsaWMgbGVmdEFkZG9uPzogQWRkb25Db25maWc7XG4gICAgcHVibGljIHJpZ2h0QWRkb24/OiBBZGRvbkNvbmZpZztcbiAgICBwdWJsaWMgbWF4TGVuZ3RoPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHB1YmxpYyBicm93c2VyQXV0b2NvbXBsZXRlPzogYm9vbGVhbjtcbiAgICBwdWJsaWMgc3R5bGU/OiB7IFtrbGFzczogc3RyaW5nXTogYW55IH07XG4gICAgcHVibGljIG9uQmx1cj86IChldmVudDogRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgICBwdWJsaWMgb25Gb2N1cz86IChldmVudDogRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgICBwdWJsaWMgb25Db21wbGV0ZT86IChldmVudDogYW55KSA9PiB2b2lkO1xuICAgIHB1YmxpYyBvbklucHV0PzogKGV2ZW50OiBhbnkpID0+IHZvaWQ7XG5cbiAgICBjb25zdHJ1Y3Rvcihjb25maWc6IFRleHRGaWVsZENvbmZpZykge1xuICAgICAgICBzdXBlcihjb25maWcpO1xuICAgICAgICB0aGlzLm1hc2sgPSBjb25maWcubWFzaztcbiAgICAgICAgdGhpcy5jaGFyYWN0ZXJQYXR0ZXJuID0gY29uZmlnLmNoYXJhY3RlclBhdHRlcm4gPz8gXCJbQS1aYS16XVwiO1xuICAgICAgICB0aGlzLnJlYWRvbmx5ID0gY29uZmlnLnJlYWRvbmx5O1xuICAgICAgICB0aGlzLmlucHV0VHlwZSA9IGNvbmZpZy5pbnB1dFR5cGU7XG4gICAgICAgIHRoaXMua2V5RmlsdGVyID0gY29uZmlnLmtleUZpbHRlcjtcbiAgICAgICAgdGhpcy5sZWZ0QWRkb24gPSBjb25maWcubGVmdEFkZG9uO1xuICAgICAgICB0aGlzLnJpZ2h0QWRkb24gPSBjb25maWcucmlnaHRBZGRvbjtcbiAgICAgICAgdGhpcy5tYXhMZW5ndGggPSBjb25maWcubWF4TGVuZ3RoIHx8IDk5OTk5OTk7XG4gICAgICAgIHRoaXMuYnJvd3NlckF1dG9jb21wbGV0ZSA9IGNvbmZpZy5icm93c2VyQXV0b2NvbXBsZXRlO1xuICAgICAgICB0aGlzLnN0eWxlID0gY29uZmlnLnN0eWxlO1xuICAgICAgICB0aGlzLm9uQmx1ciA9IGNvbmZpZy5vbkJsdXI7XG4gICAgICAgIHRoaXMub25Gb2N1cyA9IGNvbmZpZy5vbkZvY3VzO1xuICAgICAgICB0aGlzLm9uQ29tcGxldGUgPSBjb25maWcub25Db21wbGV0ZTtcbiAgICAgICAgdGhpcy5vbklucHV0ID0gY29uZmlnLm9uSW5wdXQ7XG4gICAgICAgIHRoaXMuc29ydGFibGVDb2x1bW5OYW1lID0gY29uZmlnLnNvcnRhYmxlQ29sdW1uTmFtZTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -6440,8 +6440,10 @@ class TextAreaIAField extends Field {
|
|
|
6440
6440
|
|
|
6441
6441
|
class TextField extends Field {
|
|
6442
6442
|
constructor(config) {
|
|
6443
|
+
var _a;
|
|
6443
6444
|
super(config);
|
|
6444
6445
|
this.mask = config.mask;
|
|
6446
|
+
this.characterPattern = (_a = config.characterPattern) !== null && _a !== void 0 ? _a : "[A-Za-z]";
|
|
6445
6447
|
this.readonly = config.readonly;
|
|
6446
6448
|
this.inputType = config.inputType;
|
|
6447
6449
|
this.keyFilter = config.keyFilter;
|
|
@@ -10896,6 +10898,11 @@ let TextFieldComponent = class TextFieldComponent extends BaseFieldComponent {
|
|
|
10896
10898
|
this.ngUnsubscribe.next();
|
|
10897
10899
|
this.ngUnsubscribe.complete();
|
|
10898
10900
|
}
|
|
10901
|
+
getCharacterPattern() {
|
|
10902
|
+
return typeof this.field.characterPattern === "function"
|
|
10903
|
+
? this.field.characterPattern()
|
|
10904
|
+
: this.field.characterPattern;
|
|
10905
|
+
}
|
|
10899
10906
|
};
|
|
10900
10907
|
TextFieldComponent.ctorParameters = () => [
|
|
10901
10908
|
{ type: ChangeDetectorRef }
|
|
@@ -10920,7 +10927,7 @@ __decorate([
|
|
|
10920
10927
|
], TextFieldComponent.prototype, "inputRef", void 0);
|
|
10921
10928
|
TextFieldComponent = __decorate([
|
|
10922
10929
|
Component({
|
|
10923
|
-
template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"
|
|
10930
|
+
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",
|
|
10924
10931
|
encapsulation: ViewEncapsulation.None,
|
|
10925
10932
|
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}"]
|
|
10926
10933
|
})
|