@esfaenza/forms-and-validations 19.2.30 → 19.2.32
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/fesm2022/esfaenza-forms-and-validations.mjs +30 -24
- package/fesm2022/esfaenza-forms-and-validations.mjs.map +1 -1
- package/lib/forms/adaptive/form-adaptive.component.d.ts +5 -1
- package/lib/forms/base/base-form-control.d.ts +9 -1
- package/lib/forms/input/form-input.component.d.ts +1 -10
- package/package.json +6 -6
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, Injectable, EventEmitter, signal, computed, ChangeDetectorRef, booleanAttribute, Input, Output, ViewChild, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component, forwardRef, numberAttribute,
|
|
2
|
+
import { InjectionToken, Injectable, EventEmitter, signal, computed, ChangeDetectorRef, booleanAttribute, Input, Output, ViewChild, ContentChild, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component, forwardRef, numberAttribute, NgModule } from '@angular/core';
|
|
3
3
|
import * as i3 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i2 from '@angular/forms';
|
|
@@ -112,6 +112,10 @@ class BaseFormControl {
|
|
|
112
112
|
this.inj = inj;
|
|
113
113
|
this.onChange = (_) => { };
|
|
114
114
|
this.onTouched = () => { };
|
|
115
|
+
/** Delegato per l'esecuzione di un'operazione al click del suffisso */
|
|
116
|
+
this.onSuffixAction = new EventEmitter();
|
|
117
|
+
/** Delegato per l'esecuzione di un'operazione al click del prefisso */
|
|
118
|
+
this.onPrefixAction = new EventEmitter();
|
|
115
119
|
this.inputChange = new EventEmitter();
|
|
116
120
|
this.inputFocus = new EventEmitter();
|
|
117
121
|
this.inputFinalized = new EventEmitter();
|
|
@@ -350,11 +354,21 @@ class BaseFormControl {
|
|
|
350
354
|
isEmptyValue(value) { return !value; }
|
|
351
355
|
;
|
|
352
356
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BaseFormControl, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
353
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.14", type: BaseFormControl, isStandalone: true, inputs: { DisplayCondition: "DisplayCondition", DisplayMode: "DisplayMode", DisplayLayout: "DisplayLayout", FormLayout: "FormLayout", DisplayModeTemplate: "DisplayModeTemplate", FailedValidationMessage: "FailedValidationMessage", Label: "Label", Last: "Last", FormGroupClass: "FormGroupClass", Placeholder: "Placeholder", LabelInputRatio: "LabelInputRatio", Form: "Form", name: "name", readonly: ["readonly", "readonly", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], pattern: "pattern", Validation: "Validation", SetValidationSubject: "SetValidationSubject", required: ["required", "required", booleanAttribute], Display: "Display", IdField: "IdField", Source: "Source", statusChangesObservable: "statusChangesObservable", Configuration: "Configuration" }, outputs: { inputChange: "inputChange", inputFocus: "inputFocus", inputFinalized: "inputFinalized" }, viewQueries: [{ propertyName: "innerInput", first: true, predicate: ["innerInput"], descendants: true }, { propertyName: "innerElement", first: true, predicate: ["innerElement"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0 }); }
|
|
357
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.14", type: BaseFormControl, isStandalone: true, inputs: { DisplayCondition: "DisplayCondition", DisplayMode: "DisplayMode", DisplayLayout: "DisplayLayout", FormLayout: "FormLayout", DisplayModeTemplate: "DisplayModeTemplate", FailedValidationMessage: "FailedValidationMessage", Label: "Label", Last: "Last", FormGroupClass: "FormGroupClass", Placeholder: "Placeholder", LabelInputRatio: "LabelInputRatio", Form: "Form", name: "name", readonly: ["readonly", "readonly", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], pattern: "pattern", Validation: "Validation", SetValidationSubject: "SetValidationSubject", required: ["required", "required", booleanAttribute], Display: "Display", IdField: "IdField", Source: "Source", statusChangesObservable: "statusChangesObservable", Configuration: "Configuration" }, outputs: { onSuffixAction: "onSuffixAction", onPrefixAction: "onPrefixAction", inputChange: "inputChange", inputFocus: "inputFocus", inputFinalized: "inputFinalized" }, queries: [{ propertyName: "suffix", first: true, predicate: ["suffix"], descendants: true }, { propertyName: "prefix", first: true, predicate: ["prefix"], descendants: true }], viewQueries: [{ propertyName: "innerInput", first: true, predicate: ["innerInput"], descendants: true }, { propertyName: "innerElement", first: true, predicate: ["innerElement"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0 }); }
|
|
354
358
|
}
|
|
355
359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BaseFormControl, decorators: [{
|
|
356
360
|
type: Directive
|
|
357
|
-
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: {
|
|
361
|
+
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { suffix: [{
|
|
362
|
+
type: ContentChild,
|
|
363
|
+
args: ["suffix", { static: false }]
|
|
364
|
+
}], onSuffixAction: [{
|
|
365
|
+
type: Output
|
|
366
|
+
}], prefix: [{
|
|
367
|
+
type: ContentChild,
|
|
368
|
+
args: ["prefix", { static: false }]
|
|
369
|
+
}], onPrefixAction: [{
|
|
370
|
+
type: Output
|
|
371
|
+
}], innerInput: [{
|
|
358
372
|
type: ViewChild,
|
|
359
373
|
args: ['innerInput']
|
|
360
374
|
}], innerElement: [{
|
|
@@ -443,10 +457,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
443
457
|
class EsFormInputComponent extends BaseFormControl {
|
|
444
458
|
constructor() {
|
|
445
459
|
super(...arguments);
|
|
446
|
-
/** Delegato per l'esecuzione di un'operazione al click del suffisso */
|
|
447
|
-
this.onSuffixAction = new EventEmitter();
|
|
448
|
-
/** Delegato per l'esecuzione di un'operazione al click del prefisso */
|
|
449
|
-
this.onPrefixAction = new EventEmitter();
|
|
450
460
|
this.Password = false;
|
|
451
461
|
this.passShown = signal(false);
|
|
452
462
|
this.Type = signal("text");
|
|
@@ -457,22 +467,12 @@ class EsFormInputComponent extends BaseFormControl {
|
|
|
457
467
|
this.Type.set("password");
|
|
458
468
|
}
|
|
459
469
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsFormInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
460
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.14", type: EsFormInputComponent, isStandalone: true, selector: "form-input", inputs: { minlength: ["minlength", "minlength", numberAttribute], maxlength: ["maxlength", "maxlength", numberAttribute], pattern: "pattern", Password: "Password" },
|
|
470
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.14", type: EsFormInputComponent, isStandalone: true, selector: "form-input", inputs: { minlength: ["minlength", "minlength", numberAttribute], maxlength: ["maxlength", "maxlength", numberAttribute], pattern: "pattern", Password: "Password" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EsFormInputComponent), multi: true }], usesInheritance: true, ngImport: i0, template: "<input-skeleton [Control]=\"controlTemplate\" [For]=\"this\"></input-skeleton>\r\n\r\n<ng-template #controlTemplate>\r\n\r\n <p-inputgroup>\r\n <p-inputgroup-addon *ngIf=\"!!prefix\">\r\n <span (click)=\"onPrefixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n <ng-container *ngTemplateOutlet=\"prefix\"></ng-container>\r\n </span>\r\n </p-inputgroup-addon>\r\n\r\n <p-floatlabel variant=\"on\">\r\n <input \r\n pInputText \r\n pSize=\"small\"\r\n #innerInput=\"ngModel\"\r\n #innerElement\r\n autocomplete=\"off\"\r\n style=\"width: 100%;\"\r\n [attr.name]=\"InternalName\"\r\n [attr.id]=\"InternalName\"\r\n [attr.type]=\"Type\"\r\n [disabled]=\"disabled\" \r\n [required]=\"required\"\r\n [readOnly]=\"readonly\"\r\n [minlength]=\"minlength\" \r\n [maxlength]=\"maxlength\" \r\n [pattern]=\"pattern\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"changed($event)\" \r\n (click)=\"focused($event);\"\r\n (blur)=\"onTouched(); finalized()\"\r\n />\r\n \r\n <label>{{Placeholder}}</label>\r\n </p-floatlabel>\r\n\r\n <p-inputgroup-addon *ngIf=\"Password\">\r\n <a *ngIf=\"passShown()\" class=\"far fa-eye-slash app-fs-16 app-pointer\" (click)=\"Type.set('password'); passShown.set(false); $event.preventDefault()\"></a>\r\n <a *ngIf=\"!passShown()\" class=\"far fa-eye app-fs-16 app-pointer\" (click)=\"Type.set('text'); passShown.set(true); $event.preventDefault()\"></a>\r\n </p-inputgroup-addon>\r\n\r\n <p-inputgroup-addon *ngIf=\"!!suffix\">\r\n <span (click)=\"onSuffixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n <ng-container *ngTemplateOutlet=\"suffix\"></ng-container>\r\n </span>\r\n </p-inputgroup-addon>\r\n </p-inputgroup>\r\n\r\n</ng-template>\r\n\r\n<p-popover styleClass='validation-tooltip' #tooltip>{{TooltipText}}</p-popover>", styles: [".validation-tooltip.p-popover:before,.validation-tooltip.p-popover:after{border-bottom-color:var(--p-form-field-invalid-placeholder-color)}.validation-tooltip .p-popover-content{padding:5px;color:#fff;background:var(--p-form-field-invalid-placeholder-color);border-radius:5px}p-datepicker{display:flex}.p-datepicker{flex-grow:1}.p-datepicker-panel{min-width:400px!important}p-autocomplete input.p-autocomplete-input{width:100%}textarea{resize:none}\n"], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i4.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i6.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i7.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: InputSkeletonComponent, selector: "input-skeleton", inputs: ["For", "Control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
461
471
|
}
|
|
462
472
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsFormInputComponent, decorators: [{
|
|
463
473
|
type: Component,
|
|
464
474
|
args: [{ selector: "form-input", encapsulation: ViewEncapsulation.None, imports: [InputTextModule, FormsModule, CommonModule, FloatLabelModule, PopoverModule, InputGroupModule, InputGroupAddonModule, InputSkeletonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EsFormInputComponent), multi: true }], standalone: true, template: "<input-skeleton [Control]=\"controlTemplate\" [For]=\"this\"></input-skeleton>\r\n\r\n<ng-template #controlTemplate>\r\n\r\n <p-inputgroup>\r\n <p-inputgroup-addon *ngIf=\"!!prefix\">\r\n <span (click)=\"onPrefixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n <ng-container *ngTemplateOutlet=\"prefix\"></ng-container>\r\n </span>\r\n </p-inputgroup-addon>\r\n\r\n <p-floatlabel variant=\"on\">\r\n <input \r\n pInputText \r\n pSize=\"small\"\r\n #innerInput=\"ngModel\"\r\n #innerElement\r\n autocomplete=\"off\"\r\n style=\"width: 100%;\"\r\n [attr.name]=\"InternalName\"\r\n [attr.id]=\"InternalName\"\r\n [attr.type]=\"Type\"\r\n [disabled]=\"disabled\" \r\n [required]=\"required\"\r\n [readOnly]=\"readonly\"\r\n [minlength]=\"minlength\" \r\n [maxlength]=\"maxlength\" \r\n [pattern]=\"pattern\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"changed($event)\" \r\n (click)=\"focused($event);\"\r\n (blur)=\"onTouched(); finalized()\"\r\n />\r\n \r\n <label>{{Placeholder}}</label>\r\n </p-floatlabel>\r\n\r\n <p-inputgroup-addon *ngIf=\"Password\">\r\n <a *ngIf=\"passShown()\" class=\"far fa-eye-slash app-fs-16 app-pointer\" (click)=\"Type.set('password'); passShown.set(false); $event.preventDefault()\"></a>\r\n <a *ngIf=\"!passShown()\" class=\"far fa-eye app-fs-16 app-pointer\" (click)=\"Type.set('text'); passShown.set(true); $event.preventDefault()\"></a>\r\n </p-inputgroup-addon>\r\n\r\n <p-inputgroup-addon *ngIf=\"!!suffix\">\r\n <span (click)=\"onSuffixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n <ng-container *ngTemplateOutlet=\"suffix\"></ng-container>\r\n </span>\r\n </p-inputgroup-addon>\r\n </p-inputgroup>\r\n\r\n</ng-template>\r\n\r\n<p-popover styleClass='validation-tooltip' #tooltip>{{TooltipText}}</p-popover>", styles: [".validation-tooltip.p-popover:before,.validation-tooltip.p-popover:after{border-bottom-color:var(--p-form-field-invalid-placeholder-color)}.validation-tooltip .p-popover-content{padding:5px;color:#fff;background:var(--p-form-field-invalid-placeholder-color);border-radius:5px}p-datepicker{display:flex}.p-datepicker{flex-grow:1}.p-datepicker-panel{min-width:400px!important}p-autocomplete input.p-autocomplete-input{width:100%}textarea{resize:none}\n"] }]
|
|
465
|
-
}], propDecorators: {
|
|
466
|
-
type: ContentChild,
|
|
467
|
-
args: ["suffix", { static: false }]
|
|
468
|
-
}], onSuffixAction: [{
|
|
469
|
-
type: Output
|
|
470
|
-
}], prefix: [{
|
|
471
|
-
type: ContentChild,
|
|
472
|
-
args: ["prefix", { static: false }]
|
|
473
|
-
}], onPrefixAction: [{
|
|
474
|
-
type: Output
|
|
475
|
-
}], minlength: [{
|
|
475
|
+
}], propDecorators: { minlength: [{
|
|
476
476
|
type: Input,
|
|
477
477
|
args: [{ transform: numberAttribute }]
|
|
478
478
|
}], maxlength: [{
|
|
@@ -503,11 +503,11 @@ class EsFormSelectComponent extends BaseFormControl {
|
|
|
503
503
|
return this.BoundSource?.().find(t => t.id == value)?.description ?? "";
|
|
504
504
|
}
|
|
505
505
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsFormSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
506
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EsFormSelectComponent, isStandalone: true, selector: "form-select", providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EsFormSelectComponent), multi: true }], usesInheritance: true, ngImport: i0, template: "<input-skeleton [Control]=\"controlTemplate\" [For]=\"this\"></input-skeleton>\r\n\r\n<ng-template #controlTemplate>\r\n <p-floatlabel variant=\"on\">\r\n
|
|
506
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EsFormSelectComponent, isStandalone: true, selector: "form-select", providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EsFormSelectComponent), multi: true }], usesInheritance: true, ngImport: i0, template: "<input-skeleton [Control]=\"controlTemplate\" [For]=\"this\"></input-skeleton>\r\n\r\n\r\n<ng-template #controlTemplate>\r\n\r\n <p-inputgroup>\r\n <p-inputgroup-addon *ngIf=\"!!prefix\">\r\n <span (click)=\"onPrefixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n <ng-container *ngTemplateOutlet=\"prefix\"></ng-container>\r\n </span>\r\n </p-inputgroup-addon>\r\n\r\n <p-floatlabel variant=\"on\">\r\n <p-select \r\n style=\"width: 100%\"\r\n size=\"small\"\r\n #innerInput=\"ngModel\"\r\n #innerElement\r\n [attr.name]=\"InternalName\"\r\n [attr.id]=\"InternalName\"\r\n [filter]=\"true\" \r\n filterBy=\"description\"\r\n [showClear]=\"true\"\r\n [disabled]=\"disabled\" \r\n [required]=\"required\"\r\n [readonly]=\"readonly\"\r\n [options]=\"BoundSource()\"\r\n [placeholder]=\"RequiredPlaceholder\"\r\n optionLabel=\"description\"\r\n optionValue=\"id\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"changed($event)\" \r\n (click)=\"focused($event);\"\r\n (onChange)=\"onTouched(); finalized()\"\r\n />\r\n \r\n <label>{{Placeholder}}</label>\r\n </p-floatlabel>\r\n\r\n <p-inputgroup-addon *ngIf=\"!!suffix\">\r\n <span (click)=\"onSuffixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n <ng-container *ngTemplateOutlet=\"suffix\"></ng-container>\r\n </span>\r\n </p-inputgroup-addon>\r\n </p-inputgroup>\r\n\r\n</ng-template>\r\n\r\n<p-popover styleClass='validation-tooltip' #tooltip>{{TooltipText}}</p-popover>", styles: [".validation-tooltip.p-popover:before,.validation-tooltip.p-popover:after{border-bottom-color:var(--p-form-field-invalid-placeholder-color)}.validation-tooltip .p-popover-content{padding:5px;color:#fff;background:var(--p-form-field-invalid-placeholder-color);border-radius:5px}p-datepicker{display:flex}.p-datepicker{flex-grow:1}.p-datepicker-panel{min-width:400px!important}p-autocomplete input.p-autocomplete-input{width:100%}textarea{resize:none}\n"], dependencies: [{ kind: "ngmodule", type: SelectModule }, { kind: "component", type: i1$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i4.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i6.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i7.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: InputSkeletonComponent, selector: "input-skeleton", inputs: ["For", "Control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
507
507
|
}
|
|
508
508
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsFormSelectComponent, decorators: [{
|
|
509
509
|
type: Component,
|
|
510
|
-
args: [{ selector: "form-select", encapsulation: ViewEncapsulation.None, imports: [SelectModule, FormsModule, CommonModule, FloatLabelModule, PopoverModule, InputSkeletonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EsFormSelectComponent), multi: true }], standalone: true, template: "<input-skeleton [Control]=\"controlTemplate\" [For]=\"this\"></input-skeleton>\r\n\r\n<ng-template #controlTemplate>\r\n <p-floatlabel variant=\"on\">\r\n
|
|
510
|
+
args: [{ selector: "form-select", encapsulation: ViewEncapsulation.None, imports: [SelectModule, FormsModule, CommonModule, FloatLabelModule, PopoverModule, InputGroupModule, InputGroupAddonModule, InputSkeletonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EsFormSelectComponent), multi: true }], standalone: true, template: "<input-skeleton [Control]=\"controlTemplate\" [For]=\"this\"></input-skeleton>\r\n\r\n\r\n<ng-template #controlTemplate>\r\n\r\n <p-inputgroup>\r\n <p-inputgroup-addon *ngIf=\"!!prefix\">\r\n <span (click)=\"onPrefixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n <ng-container *ngTemplateOutlet=\"prefix\"></ng-container>\r\n </span>\r\n </p-inputgroup-addon>\r\n\r\n <p-floatlabel variant=\"on\">\r\n <p-select \r\n style=\"width: 100%\"\r\n size=\"small\"\r\n #innerInput=\"ngModel\"\r\n #innerElement\r\n [attr.name]=\"InternalName\"\r\n [attr.id]=\"InternalName\"\r\n [filter]=\"true\" \r\n filterBy=\"description\"\r\n [showClear]=\"true\"\r\n [disabled]=\"disabled\" \r\n [required]=\"required\"\r\n [readonly]=\"readonly\"\r\n [options]=\"BoundSource()\"\r\n [placeholder]=\"RequiredPlaceholder\"\r\n optionLabel=\"description\"\r\n optionValue=\"id\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"changed($event)\" \r\n (click)=\"focused($event);\"\r\n (onChange)=\"onTouched(); finalized()\"\r\n />\r\n \r\n <label>{{Placeholder}}</label>\r\n </p-floatlabel>\r\n\r\n <p-inputgroup-addon *ngIf=\"!!suffix\">\r\n <span (click)=\"onSuffixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n <ng-container *ngTemplateOutlet=\"suffix\"></ng-container>\r\n </span>\r\n </p-inputgroup-addon>\r\n </p-inputgroup>\r\n\r\n</ng-template>\r\n\r\n<p-popover styleClass='validation-tooltip' #tooltip>{{TooltipText}}</p-popover>", styles: [".validation-tooltip.p-popover:before,.validation-tooltip.p-popover:after{border-bottom-color:var(--p-form-field-invalid-placeholder-color)}.validation-tooltip .p-popover-content{padding:5px;color:#fff;background:var(--p-form-field-invalid-placeholder-color);border-radius:5px}p-datepicker{display:flex}.p-datepicker{flex-grow:1}.p-datepicker-panel{min-width:400px!important}p-autocomplete input.p-autocomplete-input{width:100%}textarea{resize:none}\n"] }]
|
|
511
511
|
}] });
|
|
512
512
|
|
|
513
513
|
// Angular
|
|
@@ -1379,7 +1379,7 @@ class EsFormAdaptiveComponent extends BaseFormControl {
|
|
|
1379
1379
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: EsFormAdaptiveComponent, isStandalone: true, selector: "form-adaptive", inputs: { Type: "Type", TypeMissingMessage: "TypeMissingMessage", SearchFunction: "SearchFunction", Precision: "Precision", TypePattern: "TypePattern" }, providers: [
|
|
1380
1380
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EsFormAdaptiveComponent), multi: true },
|
|
1381
1381
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => EsFormAdaptiveComponent), multi: true }
|
|
1382
|
-
], usesInheritance: true, ngImport: i0, template: "<!-- Riga di debug -->\r\n<!-- <div><strong>Valore interno:</strong> {{value | json}}</div> -->\r\n\r\n@if(!Type){\r\n <div class=\"app-margin-top-5\"><em>{{TypeMissingMessage}}</em></div>\r\n}\r\n\r\n\r\n@if(config()){\r\n @switch(Type){\r\n @case (\"currency\") {\r\n <form-currency [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [Precision]=\"Precision\"></form-currency>\r\n }\r\n @case (\"date\") {\r\n <form-date [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-date>\r\n }\r\n @case (\"boolean\") {\r\n <form-checkbox [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-checkbox>\r\n }\r\n @case (\"enum\") {\r\n <form-select [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [Source]=\"BoundSource()\"></form-select>\r\n }\r\n @case (\"autocomplete\") {\r\n <form-autocomplete [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [SearchFunction]=\"SearchFunction\"></form-autocomplete>\r\n }\r\n @case (\"datetime\") {\r\n <form-datetime [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-datetime>\r\n }\r\n @case (\"time\") {\r\n <form-time [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-time>\r\n }\r\n @case (\"file\") {\r\n <form-file [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-file>\r\n }\r\n @case (\"string\") {\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [pattern]=\"pattern ?? ''\"></form-input>\r\n }\r\n @case (\"int\") {\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [pattern]=\"pattern ?? IntPattern()\"></form-input>\r\n }\r\n @default {\r\n <!-- float e number -->\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></
|
|
1382
|
+
], queries: [{ propertyName: "suffixAdaptive", first: true, predicate: ["suffix"], descendants: true }, { propertyName: "prefixAdaptive", first: true, predicate: ["prefix"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- Riga di debug -->\r\n<!-- <div><strong>Valore interno:</strong> {{value | json}}</div> -->\r\n\r\n@if(!Type){\r\n <div class=\"app-margin-top-5\"><em>{{TypeMissingMessage}}</em></div>\r\n}\r\n\r\n\r\n@if(config()){\r\n @switch(Type){\r\n @case (\"currency\") {\r\n <form-currency [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [Precision]=\"Precision\"></form-currency>\r\n }\r\n @case (\"date\") {\r\n <form-date [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-date>\r\n }\r\n @case (\"boolean\") {\r\n <form-checkbox [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-checkbox>\r\n }\r\n @case (\"enum\") {\r\n <form-select [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [Source]=\"BoundSource()\">\r\n @if(suffixAdaptive){\r\n <ng-template #suffix><ng-container *ngTemplateOutlet=\"suffixAdaptive\"></ng-container></ng-template>\r\n }\r\n @if(prefixAdaptive){\r\n <ng-template #prefix><ng-container *ngTemplateOutlet=\"prefixAdaptive\"></ng-container></ng-template>\r\n }\r\n </form-select>\r\n }\r\n @case (\"autocomplete\") {\r\n <form-autocomplete [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [SearchFunction]=\"SearchFunction\"></form-autocomplete>\r\n }\r\n @case (\"datetime\") {\r\n <form-datetime [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-datetime>\r\n }\r\n @case (\"time\") {\r\n <form-time [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-time>\r\n }\r\n @case (\"file\") {\r\n <form-file [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-file>\r\n }\r\n @case (\"string\") {\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [pattern]=\"pattern ?? ''\">\r\n @if(suffixAdaptive){\r\n <ng-template #suffix><ng-container *ngTemplateOutlet=\"suffixAdaptive\"></ng-container></ng-template>\r\n }\r\n @if(prefixAdaptive){\r\n <ng-template #prefix><ng-container *ngTemplateOutlet=\"prefixAdaptive\"></ng-container></ng-template>\r\n }\r\n </form-input>\r\n }\r\n @case (\"int\") {\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [pattern]=\"pattern ?? IntPattern()\">\r\n @if(suffixAdaptive){\r\n <ng-template #suffix><ng-container *ngTemplateOutlet=\"suffixAdaptive\"></ng-container></ng-template>\r\n }\r\n @if(prefixAdaptive){\r\n <ng-template #prefix><ng-container *ngTemplateOutlet=\"prefixAdaptive\"></ng-container></ng-template>\r\n }\r\n </form-input>\r\n }\r\n @default {\r\n <!-- float e number -->\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\">\r\n @if(suffixAdaptive){\r\n <ng-template #suffix><ng-container *ngTemplateOutlet=\"suffixAdaptive\"></ng-container></ng-template>\r\n }\r\n @if(prefixAdaptive){\r\n <ng-template #prefix><ng-container *ngTemplateOutlet=\"prefixAdaptive\"></ng-container></ng-template>\r\n }\r\n </form-input>\r\n }\r\n }\r\n}", styles: [".validation-tooltip.p-popover:before,.validation-tooltip.p-popover:after{border-bottom-color:var(--p-form-field-invalid-placeholder-color)}.validation-tooltip .p-popover-content{padding:5px;color:#fff;background:var(--p-form-field-invalid-placeholder-color);border-radius:5px}p-datepicker{display:flex}.p-datepicker{flex-grow:1}.p-datepicker-panel{min-width:400px!important}p-autocomplete input.p-autocomplete-input{width:100%}textarea{resize:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "ngmodule", type: InputGroupModule }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: EsFormInputComponent, selector: "form-input", inputs: ["minlength", "maxlength", "pattern", "Password"] }, { kind: "component", type: EsFormDateComponent, selector: "form-date", inputs: ["InOutFormat", "FloatingLabel"] }, { kind: "component", type: EsFormCheckboxComponent, selector: "form-checkbox", inputs: ["SliderMode"] }, { kind: "component", type: EsFormSelectComponent, selector: "form-select" }, { kind: "component", type: EsFormAutocompleteComponent, selector: "form-autocomplete", inputs: ["SearchFunctionContext", "SearchFunction", "multiple", "forceSelection"] }, { kind: "component", type: EsFormDateTimeComponent, selector: "form-datetime" }, { kind: "component", type: EsFormTimeComponent, selector: "form-time" }, { kind: "component", type: EsFormFileComponent, selector: "form-file", inputs: ["Multiple", "AllowDownload", "MaxSize", "FancyMode", "ReadFile"] }, { kind: "component", type: EsFormCurrencyComponent, selector: "form-currency", inputs: ["mode", "Precision"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1383
1383
|
}
|
|
1384
1384
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsFormAdaptiveComponent, decorators: [{
|
|
1385
1385
|
type: Component,
|
|
@@ -1397,8 +1397,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
1397
1397
|
], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
1398
1398
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EsFormAdaptiveComponent), multi: true },
|
|
1399
1399
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => EsFormAdaptiveComponent), multi: true }
|
|
1400
|
-
], standalone: true, template: "<!-- Riga di debug -->\r\n<!-- <div><strong>Valore interno:</strong> {{value | json}}</div> -->\r\n\r\n@if(!Type){\r\n <div class=\"app-margin-top-5\"><em>{{TypeMissingMessage}}</em></div>\r\n}\r\n\r\n\r\n@if(config()){\r\n @switch(Type){\r\n @case (\"currency\") {\r\n <form-currency [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [Precision]=\"Precision\"></form-currency>\r\n }\r\n @case (\"date\") {\r\n <form-date [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-date>\r\n }\r\n @case (\"boolean\") {\r\n <form-checkbox [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-checkbox>\r\n }\r\n @case (\"enum\") {\r\n <form-select [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [Source]=\"BoundSource()\"></form-select>\r\n }\r\n @case (\"autocomplete\") {\r\n <form-autocomplete [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [SearchFunction]=\"SearchFunction\"></form-autocomplete>\r\n }\r\n @case (\"datetime\") {\r\n <form-datetime [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-datetime>\r\n }\r\n @case (\"time\") {\r\n <form-time [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-time>\r\n }\r\n @case (\"file\") {\r\n <form-file [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-file>\r\n }\r\n @case (\"string\") {\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [pattern]=\"pattern ?? ''\"></form-input>\r\n }\r\n @case (\"int\") {\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [pattern]=\"pattern ?? IntPattern()\"></form-input>\r\n }\r\n @default {\r\n <!-- float e number -->\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></
|
|
1401
|
-
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: {
|
|
1400
|
+
], standalone: true, template: "<!-- Riga di debug -->\r\n<!-- <div><strong>Valore interno:</strong> {{value | json}}</div> -->\r\n\r\n@if(!Type){\r\n <div class=\"app-margin-top-5\"><em>{{TypeMissingMessage}}</em></div>\r\n}\r\n\r\n\r\n@if(config()){\r\n @switch(Type){\r\n @case (\"currency\") {\r\n <form-currency [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [Precision]=\"Precision\"></form-currency>\r\n }\r\n @case (\"date\") {\r\n <form-date [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-date>\r\n }\r\n @case (\"boolean\") {\r\n <form-checkbox [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-checkbox>\r\n }\r\n @case (\"enum\") {\r\n <form-select [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [Source]=\"BoundSource()\">\r\n @if(suffixAdaptive){\r\n <ng-template #suffix><ng-container *ngTemplateOutlet=\"suffixAdaptive\"></ng-container></ng-template>\r\n }\r\n @if(prefixAdaptive){\r\n <ng-template #prefix><ng-container *ngTemplateOutlet=\"prefixAdaptive\"></ng-container></ng-template>\r\n }\r\n </form-select>\r\n }\r\n @case (\"autocomplete\") {\r\n <form-autocomplete [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [SearchFunction]=\"SearchFunction\"></form-autocomplete>\r\n }\r\n @case (\"datetime\") {\r\n <form-datetime [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-datetime>\r\n }\r\n @case (\"time\") {\r\n <form-time [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-time>\r\n }\r\n @case (\"file\") {\r\n <form-file [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\"></form-file>\r\n }\r\n @case (\"string\") {\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [pattern]=\"pattern ?? ''\">\r\n @if(suffixAdaptive){\r\n <ng-template #suffix><ng-container *ngTemplateOutlet=\"suffixAdaptive\"></ng-container></ng-template>\r\n }\r\n @if(prefixAdaptive){\r\n <ng-template #prefix><ng-container *ngTemplateOutlet=\"prefixAdaptive\"></ng-container></ng-template>\r\n }\r\n </form-input>\r\n }\r\n @case (\"int\") {\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\" [pattern]=\"pattern ?? IntPattern()\">\r\n @if(suffixAdaptive){\r\n <ng-template #suffix><ng-container *ngTemplateOutlet=\"suffixAdaptive\"></ng-container></ng-template>\r\n }\r\n @if(prefixAdaptive){\r\n <ng-template #prefix><ng-container *ngTemplateOutlet=\"prefixAdaptive\"></ng-container></ng-template>\r\n }\r\n </form-input>\r\n }\r\n @default {\r\n <!-- float e number -->\r\n <form-input [Form]=\"Form\" [FormLayout]=\"FormLayout\" [ngModel]=\"value\" (ngModelChange)=\"changed($event)\" (inputChange)=\"inputChange.emit($event)\" (inputFinalized)=\"inputFinalized.emit($event)\" (inputFocus)=\"inputFocus.emit($event)\" [name]=\"name\" [Configuration]=\"config()\">\r\n @if(suffixAdaptive){\r\n <ng-template #suffix><ng-container *ngTemplateOutlet=\"suffixAdaptive\"></ng-container></ng-template>\r\n }\r\n @if(prefixAdaptive){\r\n <ng-template #prefix><ng-container *ngTemplateOutlet=\"prefixAdaptive\"></ng-container></ng-template>\r\n }\r\n </form-input>\r\n }\r\n }\r\n}", styles: [".validation-tooltip.p-popover:before,.validation-tooltip.p-popover:after{border-bottom-color:var(--p-form-field-invalid-placeholder-color)}.validation-tooltip .p-popover-content{padding:5px;color:#fff;background:var(--p-form-field-invalid-placeholder-color);border-radius:5px}p-datepicker{display:flex}.p-datepicker{flex-grow:1}.p-datepicker-panel{min-width:400px!important}p-autocomplete input.p-autocomplete-input{width:100%}textarea{resize:none}\n"] }]
|
|
1401
|
+
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { suffixAdaptive: [{
|
|
1402
|
+
type: ContentChild,
|
|
1403
|
+
args: ["suffix", { static: false }]
|
|
1404
|
+
}], prefixAdaptive: [{
|
|
1405
|
+
type: ContentChild,
|
|
1406
|
+
args: ["prefix", { static: false }]
|
|
1407
|
+
}], Type: [{
|
|
1402
1408
|
type: Input
|
|
1403
1409
|
}], TypeMissingMessage: [{
|
|
1404
1410
|
type: Input
|