@esfaenza/forms-and-validations 13.3.11 → 13.3.13

package/lib/forms/base-form-control.d.ts

@@ -59,6 +59,11 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
     EmitPendingChanges: boolean;
     /** Attiva o disattiva la validazione per questo componente */
     Validation: boolean;
+    /**
+     * Permette di scrivere o meno nel campo di Input. Si differenzia dal Readonly in quanto fisicamente l'Input è scrivibile e vengono mantenuti i temi della validazione
+     * ma interagire direttamente con la casella di Input per l'utente non è possibile
+     */
+    Frozen: boolean;
     /** Placeholder per quando l'input è vuoto */
     Placeholder: string;
     /** Classe extra per il form-group in cui viene wrappato l'input */
@@ -81,6 +86,12 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
     Source: any[];
     /** Nome della proprietà che contiene l'Id degli oggetti bindati nella **Source** */
     IdField: string;
+    /**
+     * Indica se il **Placeholder** dev'essere usato come una floating label di material o solo come un placeholder standard
+     *
+     * Ignorata lato autocomplete, autocomplete-multi e select in quanto hanno gestioni particolari di placeholder ecc...
+     */
+    FloatingLabel: boolean;
     /** Indica che la parte input del controllo dev'essere una label readonly e la parte label di titolo dev'essere in bold. Per utilizzare un solo componente sia per la modifica che per il dettaglio */
     DisplayMode: boolean;
     /** Indica la condizione per cui un elemento in Modalità Display può essere visibile in base a ulteriori controlli */
@@ -89,6 +100,8 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
     DisplayModeTemplate: TemplateRef<any>;
     /** Layout del Form quando è in modalità Display. Di default mantiene la formattazione a form */
     DisplayLayout: 'form' | 'inline' | 'hidden';
+    /** Separatore da mettere in automatico fra un elemento Form e l'altro quando sono in **DisplayMode** con **DisplayLayout** inline */
+    InlineSeparator: string;
     /**
      * Espressione simil-Angular per cambiare il testo dei componenti che scelgono il proprio modello da una **Source**
      *
@@ -197,6 +210,7 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
      * @param {NgModel} comp Elemento HTML marcato con "#validationControl"
      */
     registerValComp(comp: NgModel): void;
+    registerForm(ngForm: NgForm): void;
     /**
      * Aggiorna il valore e la validità dell'input sottostante. Non viene chiamato per input nativi come le checkbox
      *
@@ -233,5 +247,5 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
     /** @ignore */
     abstract onNotNullValueSet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormControl, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFormControl, never, never, { "FocusSubject": "FocusSubject"; "FieldAppearence": "FieldAppearence"; "FormLayout": "FormLayout"; "EmitPendingChanges": "EmitPendingChanges"; "Validation": "Validation"; "Placeholder": "Placeholder"; "FormGroupClass": "FormGroupClass"; "FailedValidationMessage": "FailedValidationMessage"; "ForcedError": "ForcedError"; "Label": "Label"; "LabelColWidth": "LabelColWidth"; "InputColWidth": "InputColWidth"; "Last": "Last"; "Form": "Form"; "Source": "Source"; "IdField": "IdField"; "DisplayMode": "DisplayMode"; "DisplayCondition": "DisplayCondition"; "DisplayModeTemplate": "DisplayModeTemplate"; "DisplayLayout": "DisplayLayout"; "Display": "Display"; "Readonly": "Readonly"; "LabelInputRatio": "LabelInputRatio"; }, { "inputChange": "inputChange"; "inputFocus": "inputFocus"; "inputFinalized": "inputFinalized"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFormControl, never, never, { "FocusSubject": "FocusSubject"; "FieldAppearence": "FieldAppearence"; "FormLayout": "FormLayout"; "EmitPendingChanges": "EmitPendingChanges"; "Validation": "Validation"; "Frozen": "Frozen"; "Placeholder": "Placeholder"; "FormGroupClass": "FormGroupClass"; "FailedValidationMessage": "FailedValidationMessage"; "ForcedError": "ForcedError"; "Label": "Label"; "LabelColWidth": "LabelColWidth"; "InputColWidth": "InputColWidth"; "Last": "Last"; "Form": "Form"; "Source": "Source"; "IdField": "IdField"; "FloatingLabel": "FloatingLabel"; "DisplayMode": "DisplayMode"; "DisplayCondition": "DisplayCondition"; "DisplayModeTemplate": "DisplayModeTemplate"; "DisplayLayout": "DisplayLayout"; "InlineSeparator": "InlineSeparator"; "Display": "Display"; "Readonly": "Readonly"; "LabelInputRatio": "LabelInputRatio"; }, { "inputChange": "inputChange"; "inputFocus": "inputFocus"; "inputFinalized": "inputFinalized"; }, never>;
 }

package/lib/forms/form-adaptive/form-adaptive.component.d.ts

@@ -20,6 +20,8 @@ export declare class FormAdaptiveComponent extends BaseFormControl implements Co
     TypeMissingMessage: string;
     /** Pattern di validazione */
     Pattern: string;
+    /** Indica di aggiustare in uscita i number in modo che siano parsabili dal javascript */
+    AdjustNumber: boolean;
     /** Riferimento all'elemento input di tipo file qualora il **Type** di questo componente fosse **file** */
     inputEl: ElementRef;
     /** Permette di scaricare l'eventuale file presente qualora il **Type** di questo componente fosse **file** */
@@ -96,5 +98,5 @@ export declare class FormAdaptiveComponent extends BaseFormControl implements Co
     /** @ignore */
     private throttla;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormAdaptiveComponent, [null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormAdaptiveComponent, "form-adaptive", never, { "Type": "Type"; "TypeMissingMessage": "TypeMissingMessage"; "Pattern": "Pattern"; "AllowDownload": "AllowDownload"; "Precision": "Precision"; "Alignment": "Alignment"; "SearchFunction": "SearchFunction"; "MinChars": "MinChars"; "CaseSensitive": "CaseSensitive"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormAdaptiveComponent, "form-adaptive", never, { "Type": "Type"; "TypeMissingMessage": "TypeMissingMessage"; "Pattern": "Pattern"; "AdjustNumber": "AdjustNumber"; "AllowDownload": "AllowDownload"; "Precision": "Precision"; "Alignment": "Alignment"; "SearchFunction": "SearchFunction"; "MinChars": "MinChars"; "CaseSensitive": "CaseSensitive"; }, {}, never, never>;
 }

package/lib/forms/form-autocomplete/form-autocomplete.component.d.ts

@@ -17,6 +17,8 @@ export declare class FormAutocompleteComponent extends BaseFormControl implement
     }[]>;
     /** Numero minimo di caratteri con cui cercare */
     MinChars: number;
+    /** Definisce che ad ogni selezione deve chiudere la tendina */
+    HideChoicesOnSelection: boolean;
     /** Override del placeholder per select requried */
     RequiredPlaceholder: string;
     /** Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita */
@@ -69,5 +71,5 @@ export declare class FormAutocompleteComponent extends BaseFormControl implement
     /** @ignore */
     private throttla;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormAutocompleteComponent, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormAutocompleteComponent, "form-autocomplete", never, { "SelectLabel": "SelectLabel"; "SearchFunction": "SearchFunction"; "MinChars": "MinChars"; "RequiredPlaceholder": "RequiredPlaceholder"; "CaseSensitive": "CaseSensitive"; "Multi": "Multi"; "MultiElementsThreshold": "MultiElementsThreshold"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormAutocompleteComponent, "form-autocomplete", never, { "SelectLabel": "SelectLabel"; "SearchFunction": "SearchFunction"; "MinChars": "MinChars"; "HideChoicesOnSelection": "HideChoicesOnSelection"; "RequiredPlaceholder": "RequiredPlaceholder"; "CaseSensitive": "CaseSensitive"; "Multi": "Multi"; "MultiElementsThreshold": "MultiElementsThreshold"; }, {}, never, never>;
 }

package/lib/forms/form-checkbox/form-checkbox.component.d.ts

@@ -7,13 +7,17 @@ import * as i0 from "@angular/core";
 /** Componente rappresentante una checkbox */
 export declare class FormCheckboxComponent extends BaseFormControl implements ControlValueAccessor {
     private lc;
+    private FAV_SLIDER_MODE;
+    /** Mostra l'input checkbox con lo stile di uno slider */
+    SliderMode: boolean;
     /** @ignore Costruttore  */
-    constructor(lc: LocalizationService, cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string);
+    constructor(lc: LocalizationService, cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string, FAV_SLIDER_MODE: boolean);
+    ngOnInit(): void;
     /** @ignore */
     writeValue(obj: any): void;
     changed(): void;
     /** @ignore */
     onNotNullValueSet(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckboxComponent, [null, null, { optional: true; self: true; }, { optional: true; host: true; }, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormCheckboxComponent, "form-checkbox", never, {}, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckboxComponent, [null, null, { optional: true; self: true; }, { optional: true; host: true; }, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCheckboxComponent, "form-checkbox", never, { "SliderMode": "SliderMode"; }, {}, never, never>;
 }

package/lib/forms/form-file/form-file.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef } from "@angular/core";
-import { ControlValueAccessor, NgControl } from "@angular/forms";
+import { ControlValueAccessor, NgControl, Validator, AbstractControl, ValidationErrors } from "@angular/forms";
 import { AccessControlService, ComponentContext } from '@esfaenza/access-control';
 import { LocalizationService } from "@esfaenza/localizations";
 import { UtilityService } from "@esfaenza/extensions";
@@ -7,7 +7,7 @@ import { BaseFormControl } from "../base-form-control";
 import { AppFile } from "../../models/AppFile";
 import * as i0 from "@angular/core";
 /** Componente che permette all'utente di caricare/scaricare un file all'interno di un campo Input */
-export declare class FormFileComponent extends BaseFormControl implements ControlValueAccessor {
+export declare class FormFileComponent extends BaseFormControl implements ControlValueAccessor, Validator {
     private utiExts;
     lc: LocalizationService;
     /** Permette di caricare file multipli */
@@ -18,6 +18,8 @@ export declare class FormFileComponent extends BaseFormControl implements Contro
     inputEl: ElementRef;
     /** @ignore Costruttore  */
     constructor(cdr: ChangeDetectorRef, utiExts: UtilityService, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string, lc: LocalizationService, FAV_DEBUG_MODE: boolean);
+    ngOnInit(): void;
+    validate(control: AbstractControl): ValidationErrors;
     /** @ignore */
     writeValue(obj: AppFile): void;
     /**

package/lib/forms/form-input/form-input.component.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from "@angular/core";
-import { ControlValueAccessor, NgControl } from "@angular/forms";
+import { ElementRef, EventEmitter } from "@angular/core";
+import { ControlValueAccessor, NgControl, NgModel } from "@angular/forms";
 import { BaseFormControl } from "../base-form-control";
 import { AccessControlService, ComponentContext } from '@esfaenza/access-control';
 import { ChangeDetectorRef } from "@angular/core";
@@ -28,6 +28,10 @@ export declare class FormInputComponent extends BaseFormControl implements Contr
     ngAfterContentInit(): void;
     /** @ignore */
     onNotNullValueSet(): void;
+    htmlInput: ElementRef;
+    baseInput: NgModel;
+    ShowPassword: boolean;
+    onShowHidePassword(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "form-input", never, { "Password": "Password"; }, { "onSuffixAction": "onSuffixAction"; "onPrefixAction": "onPrefixAction"; }, ["suffix", "prefix"], never>;
 }

package/lib/forms/form-template/form-template.component.d.ts

@@ -29,8 +29,10 @@ export declare class FormTemplateComponent {
     DisplayLayout: 'form' | 'inline' | 'hidden';
     /** Indica la condizione per cui un elemento in Modalità Display può essere visibile in base a ulteriori controlli */
     DisplayCondition: boolean;
+    /** Separatore da mettere in automatico fra un elemento Form e l'altro quando sono in **DisplayMode** con **DisplayLayout** inline */
+    InlineSeparator: string;
     /** Permette di settare in una volta solo gli input LabelColWidth e InputColWidth, basta scriverlo con la sintassi "X Y" */
     set LabelInputRatio(input: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<FormTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormTemplateComponent, "form-template", never, { "Required": "Required"; "Label": "Label"; "LabelClass": "LabelClass"; "FormLayout": "FormLayout"; "LabelColWidth": "LabelColWidth"; "InputColWidth": "InputColWidth"; "Last": "Last"; "FormGroupClass": "FormGroupClass"; "DisplayMode": "DisplayMode"; "DisplayModeTemplate": "DisplayModeTemplate"; "DisplayLayout": "DisplayLayout"; "DisplayCondition": "DisplayCondition"; "LabelInputRatio": "LabelInputRatio"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormTemplateComponent, "form-template", never, { "Required": "Required"; "Label": "Label"; "LabelClass": "LabelClass"; "FormLayout": "FormLayout"; "LabelColWidth": "LabelColWidth"; "InputColWidth": "InputColWidth"; "Last": "Last"; "FormGroupClass": "FormGroupClass"; "DisplayMode": "DisplayMode"; "DisplayModeTemplate": "DisplayModeTemplate"; "DisplayLayout": "DisplayLayout"; "DisplayCondition": "DisplayCondition"; "InlineSeparator": "InlineSeparator"; "LabelInputRatio": "LabelInputRatio"; }, {}, never, ["*"]>;
 }

package/lib/models/FormsAndValidationsModuleConfig.d.ts

@@ -8,4 +8,6 @@ export declare class FormsAndValidationsModuleConfig {
     acocustom?: string;
     /** Abilita o meno la modalità di debug */
     debugMode?: boolean;
+    /** Abilita o meno la modalità slider delle checkbox */
+    sliderMode?: boolean;
 }

package/lib/tokens.d.ts

@@ -5,3 +5,5 @@ export declare const FAV_LOCALE: InjectionToken<string>;
 export declare const ACO_CUSTOMKEY: InjectionToken<string>;
 /** Token che indica la lingua da utilizzare, sono supportate "it-IT" ed "en-US" */
 export declare const FAV_DEBUG_MODE: InjectionToken<boolean>;
+/** Token che indica se far apparire l'input delle checkbox come slider o come input nativi */
+export declare const FAV_SLIDER_MODE: InjectionToken<boolean>;

package/lib/validations/base-validation.d.ts

@@ -65,6 +65,12 @@ export declare abstract class BaseValidation {
      * Modalità in cui viene mostrato il campo, 1-1 rispetto alle definizioni di Angular Material
      */
     FieldAppearence: "legacy" | "standard" | "fill" | "outline";
+    /**
+     * Indica se il **Placeholder** dev'essere usato come una floating label di material o solo come un placeholder standard
+     *
+     * Ignorata lato autocomplete, autocomplete-multi e select in quanto hanno gestioni particolari di placeholder ecc...
+     */
+    FloatingLabel: boolean;
     /**
      * Messaggio da mostrare se la validazione fallisce.
      *
@@ -191,5 +197,5 @@ export declare abstract class BaseValidation {
      */
     deregisterFocusRequest(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseValidation, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseValidation, never, never, { "FocusSubject": "FocusSubject"; "InferErrorMessages": "InferErrorMessages"; "FieldAppearence": "FieldAppearence"; "validationFailed": "validationFailed"; "readonly": "readonly"; "widthPx": "widthPx"; "disabled": "disabled"; "placeholder": "placeholder"; "class": "class"; "style": "style"; "pattern": "pattern"; "noValidate": "noValidate"; "autocomplete": "autocomplete"; "id": "id"; "submitted": "submitted"; "forceInvalid": "forceInvalid"; }, { "inputChange": "inputChange"; "inputFocus": "inputFocus"; "inputFinalized": "inputFinalized"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseValidation, never, never, { "FocusSubject": "FocusSubject"; "InferErrorMessages": "InferErrorMessages"; "FieldAppearence": "FieldAppearence"; "FloatingLabel": "FloatingLabel"; "validationFailed": "validationFailed"; "readonly": "readonly"; "widthPx": "widthPx"; "disabled": "disabled"; "placeholder": "placeholder"; "class": "class"; "style": "style"; "pattern": "pattern"; "noValidate": "noValidate"; "autocomplete": "autocomplete"; "id": "id"; "submitted": "submitted"; "forceInvalid": "forceInvalid"; }, { "inputChange": "inputChange"; "inputFocus": "inputFocus"; "inputFinalized": "inputFinalized"; }, never>;
 }

package/lib/validations/validation-autocomplete-multi/validation-autocomplete-multi.component.d.ts

@@ -1,8 +1,8 @@
 import { ControlValueAccessor } from "@angular/forms";
 import { EventEmitter, Injector, SimpleChanges } from "@angular/core";
+import { MatAutocompleteTrigger } from "@angular/material/autocomplete";
 import { LocalizationService } from "@esfaenza/localizations";
 import { BaseValidation } from "../base-validation";
-import { MatAutocompleteTrigger } from "@angular/material/autocomplete";
 import * as i0 from "@angular/core";
 /**
  * Componente di validaizone per gli input di Autocompletamento
@@ -24,6 +24,8 @@ export declare class ValidationAutocompleteMultiComponent extends BaseValidation
     value: any;
     /** Contenuto della label Floattante Material-Style */
     label: string;
+    /** Definisce che ad ogni selezione deve chiudere la tendina */
+    HideChoicesOnSelection: boolean;
     /** Evento che indica l'opzione selezionata dal componente. Il valore finale della selezione dovrà essere questo */
     optionChange: EventEmitter<string>;
     /** Trigger dell'autocomplete per tenerlo aperto */
@@ -77,5 +79,5 @@ export declare class ValidationAutocompleteMultiComponent extends BaseValidation
         description: string;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValidationAutocompleteMultiComponent, [{ optional: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationAutocompleteMultiComponent, "val-autocomplete-multi", never, { "ChipThreshold": "ChipThreshold"; "FilteredSource": "FilteredSource"; "value": "value"; "label": "label"; }, { "optionChange": "optionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationAutocompleteMultiComponent, "val-autocomplete-multi", never, { "ChipThreshold": "ChipThreshold"; "FilteredSource": "FilteredSource"; "value": "value"; "label": "label"; "HideChoicesOnSelection": "HideChoicesOnSelection"; }, { "optionChange": "optionChange"; }, never, never>;
 }

package/lib/validations/validation-input/validation-input.component.d.ts

@@ -12,6 +12,11 @@ export declare class ValidationInputComponent extends BaseValidation implements
     private _asyncValidators;
     private injector;
     protected lc: LocalizationService;
+    /**
+    * Permette di scrivere o meno nel campo di Input. Si differenzia dal Readonly in quanto fisicamente l'Input è scrivibile e vengono mantenuti i temi della validazione
+    * ma interagire direttamente con la casella di Input per l'utente non è possibile
+    */
+    Frozen: boolean;
     /**
      * Indica se questo Comopnente deve rappresentare un oggetto di Input di tipo "Password"
      */
@@ -118,5 +123,5 @@ export declare class ValidationInputComponent extends BaseValidation implements
      */
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValidationInputComponent, [null, { optional: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationInputComponent, "val-input", never, { "Password": "Password"; "showWarning": "showWarning"; "warningTitle": "warningTitle"; "warningClass": "warningClass"; "value": "value"; }, {}, ["suffix_internal", "prefix_internal"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationInputComponent, "val-input", never, { "Frozen": "Frozen"; "Password": "Password"; "showWarning": "showWarning"; "warningTitle": "warningTitle"; "warningClass": "warningClass"; "value": "value"; }, {}, ["suffix_internal", "prefix_internal"], never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/forms-and-validations",
-  "version": "13.3.11",
+  "version": "13.3.13",
   "private": false,
   "dependencies": {
     "tslib": "^2.0.0"

package/public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/models/AppFile';
 export * from './lib/models/FormsAndValidationsModuleConfig';
 export * from './lib/models/dayjs-adapter/dayjs-date-adapter';
+export * from './lib/tokens';
 export * from './lib/forms-and-validations.module';
 export * from './lib/validations/validation-datetime/validation-datetime.component';
 export * from './lib/validations/validation-input/validation-input.component';
@@ -26,3 +27,4 @@ export * from './lib/forms/form-autocomplete/form-autocomplete.component';
 export * from './lib/forms/form-file/form-file.component';
 export * from './lib/forms/form-time/form-time.component';
 export * from './lib/forms/form-multiselect/form-multiselect.component';
+export * from './lib/forms/base-form-control';