@esfaenza/forms-and-validations 11.2.103 → 11.2.106
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/esfaenza-forms-and-validations.umd.js +50 -20
- package/bundles/esfaenza-forms-and-validations.umd.js.map +1 -1
- package/esfaenza-forms-and-validations.d.ts +8 -9
- package/esfaenza-forms-and-validations.metadata.json +1 -1
- package/esm2015/esfaenza-forms-and-validations.js +9 -10
- package/esm2015/lib/forms/form-autocomplete/form-autocomplete.component.js +5 -2
- package/esm2015/lib/forms/form-checkbox/form-checkbox.component.js +19 -7
- package/esm2015/lib/forms-and-validations.module.js +3 -2
- package/esm2015/lib/models/FormsAndValidationsModuleConfig.js +1 -1
- package/esm2015/lib/tokens.js +3 -1
- package/esm2015/lib/validations/validation-autocomplete-multi/validation-autocomplete-multi.component.js +14 -4
- package/esm2015/public-api.js +2 -1
- package/fesm2015/esfaenza-forms-and-validations.js +38 -10
- package/fesm2015/esfaenza-forms-and-validations.js.map +1 -1
- package/lib/forms/form-autocomplete/form-autocomplete.component.d.ts +2 -0
- package/lib/forms/form-checkbox/form-checkbox.component.d.ts +5 -1
- package/lib/models/FormsAndValidationsModuleConfig.d.ts +2 -0
- package/lib/tokens.d.ts +2 -0
- package/lib/validations/validation-autocomplete-multi/validation-autocomplete-multi.component.d.ts +3 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -423,7 +423,9 @@
|
|
|
423
423
|
/** Chiave che indica il prefisso dei Contesti Applicativi per permettere l'abilitazione/disabilitazione di input in maniera contestuale */
|
|
424
424
|
var ACO_CUSTOMKEY = new core.InjectionToken('ACO_CUSTOMKEY');
|
|
425
425
|
/** Token che indica la lingua da utilizzare, sono supportate "it-IT" ed "en-US" */
|
|
426
|
-
var FAV_DEBUG_MODE = new core.InjectionToken('FAV_DEBUG_MODE');
|
|
426
|
+
var FAV_DEBUG_MODE = new core.InjectionToken('FAV_DEBUG_MODE');
|
|
427
|
+
/** Token che indica se far apparire l'input delle checkbox come slider o come input nativi */
|
|
428
|
+
var FAV_SLIDER_MODE = new core.InjectionToken('FAV_SLIDER_MODE');
|
|
427
429
|
|
|
428
430
|
// Angular
|
|
429
431
|
/**
|
|
@@ -1735,6 +1737,8 @@
|
|
|
1735
1737
|
_this.FilteredSource = [];
|
|
1736
1738
|
/** Contenuto della label Floattante Material-Style */
|
|
1737
1739
|
_this.label = "";
|
|
1740
|
+
/** Definisce che ad ogni selezione deve chiudere la tendina */
|
|
1741
|
+
_this.HideChoicesOnSelection = false;
|
|
1738
1742
|
/** Evento che indica l'opzione selezionata dal componente. Il valore finale della selezione dovrà essere questo */
|
|
1739
1743
|
_this.optionChange = new core.EventEmitter();
|
|
1740
1744
|
/** Elementi selezionati */
|
|
@@ -1845,6 +1849,7 @@
|
|
|
1845
1849
|
;
|
|
1846
1850
|
/** Seleziona o deseleziona un oggetto */
|
|
1847
1851
|
ValidationAutocompleteMultiComponent.prototype.toggleSelection = function (data) {
|
|
1852
|
+
var _this = this;
|
|
1848
1853
|
data.selected = !data.selected;
|
|
1849
1854
|
if (data.selected === true) {
|
|
1850
1855
|
this.selectData.push(data);
|
|
@@ -1853,8 +1858,15 @@
|
|
|
1853
1858
|
var i = this.selectData.findIndex(function (value) { return value.id === data.id; });
|
|
1854
1859
|
this.selectData.splice(i, 1);
|
|
1855
1860
|
}
|
|
1856
|
-
this.value = null;
|
|
1857
1861
|
this.onModelChange(this.selectData.map(function (t) { return t.id; }).join(','), true);
|
|
1862
|
+
if (this.HideChoicesOnSelection)
|
|
1863
|
+
this.htmlInput.nativeElement.value = "";
|
|
1864
|
+
else {
|
|
1865
|
+
this.autoTrigger.closePanel();
|
|
1866
|
+
requestAnimationFrame(function () {
|
|
1867
|
+
_this.autoTrigger.openPanel();
|
|
1868
|
+
});
|
|
1869
|
+
}
|
|
1858
1870
|
this.onFinalize();
|
|
1859
1871
|
};
|
|
1860
1872
|
;
|
|
@@ -1863,7 +1875,7 @@
|
|
|
1863
1875
|
ValidationAutocompleteMultiComponent.decorators = [
|
|
1864
1876
|
{ type: core.Component, args: [{
|
|
1865
1877
|
selector: "val-autocomplete-multi",
|
|
1866
|
-
template: "<mat-form-field appearance=\"{{FieldAppearence}}\" class=\"mat-full-width mat-no-border-top\" [style.width.px]=\"widthPx\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <mat-chip-list #chipList>\r\n <ng-container *ngIf=\"selectData.length < ChipThreshold\" >\r\n <mat-chip *ngFor=\"let select of selectData\" class=\"cardinal-colors\" (click)=\"!(readonly || disabled) && removeChip(select)\">\r\n {{ select.description }}\r\n <mat-icon class=\"mat-chip-remove\">cancel</mat-icon>\r\n </mat-chip>\r\n </ng-container>\r\n\r\n <mat-chip *ngIf=\"selectData.length >= ChipThreshold\" class=\"cardinal-colors\" (click)=\"!(readonly || disabled) && removeChip(null)\">\r\n {{ selectData.length }} {{ 'Elements selected' | localize: lc }}\r\n <mat-icon class=\"mat-chip-remove\">cancel</mat-icon>\r\n </mat-chip>\r\n
|
|
1878
|
+
template: "<mat-form-field appearance=\"{{FieldAppearence}}\" class=\"mat-full-width mat-no-border-top\" [style.width.px]=\"widthPx\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <mat-chip-list #chipList>\r\n <ng-container *ngIf=\"selectData.length < ChipThreshold\" >\r\n <mat-chip *ngFor=\"let select of selectData\" class=\"cardinal-colors\" (click)=\"!(readonly || disabled) && removeChip(select)\">\r\n {{ select.description }}\r\n <mat-icon class=\"mat-chip-remove\">cancel</mat-icon>\r\n </mat-chip>\r\n </ng-container>\r\n\r\n <mat-chip *ngIf=\"selectData.length >= ChipThreshold\" class=\"cardinal-colors\" (click)=\"!(readonly || disabled) && removeChip(null)\">\r\n {{ selectData.length }} {{ 'Elements selected' | localize: lc }}\r\n <mat-icon class=\"mat-chip-remove\">cancel</mat-icon>\r\n </mat-chip>\r\n\r\n <input matInput\r\n [matChipInputFor]=\"chipList\"\r\n #htmlInput\r\n #baseInput='ngModel'\r\n type=\"text\"\r\n triggers=\"\"\r\n placement=\"top\"\r\n [placeholder]=\"placeholder\"\r\n [matAutocomplete]=\"auto\"\r\n name=\"val-input\"\r\n id=\"{{id}}\"\r\n [(ngModel)]=\"value\"\r\n [tooltip]=\"tolTemplate\"\r\n [disabled]=\"readonly || disabled\"\r\n (ngModelChange)=\"onModelChange($event)\"\r\n (click)=\"onFocus($event)\"\r\n (focus)=\"checkTooltip();\"\r\n (blur)=\"closeTooltip();\">\r\n </mat-chip-list>\r\n\r\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n <mat-option *ngFor=\"let data of FilteredSource\">\r\n <div (click)=\"toggleSelection(data); !HideChoicesOnSelection && $event.stopPropagation()\">\r\n <mat-checkbox [checked]=\"data.selected\" (change)=\"toggleSelection(data);\" (click)=\"!HideChoicesOnSelection && $event.stopPropagation()\">\r\n {{ data.description }}\r\n </mat-checkbox>\r\n </div>\r\n </mat-option>\r\n </mat-autocomplete>\r\n</mat-form-field>\r\n\r\n<ng-template #tolTemplate>\r\n <div (click)=\"closeTooltip()\">\r\n <span>{{validationFailed}}</span>\r\n </div>\r\n</ng-template>",
|
|
1867
1879
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
1868
1880
|
providers: [
|
|
1869
1881
|
{ provide: localizations.LocalizationService, useClass: BaseValidationLoc },
|
|
@@ -1888,6 +1900,7 @@
|
|
|
1888
1900
|
FilteredSource: [{ type: core.Input }],
|
|
1889
1901
|
value: [{ type: core.Input }],
|
|
1890
1902
|
label: [{ type: core.Input }],
|
|
1903
|
+
HideChoicesOnSelection: [{ type: core.Input }],
|
|
1891
1904
|
optionChange: [{ type: core.Output }],
|
|
1892
1905
|
autoTrigger: [{ type: core.ViewChild, args: [autocomplete.MatAutocompleteTrigger,] }]
|
|
1893
1906
|
};
|
|
@@ -3047,11 +3060,18 @@
|
|
|
3047
3060
|
var FormCheckboxComponent = /** @class */ (function (_super) {
|
|
3048
3061
|
__extends(FormCheckboxComponent, _super);
|
|
3049
3062
|
/** @ignore Costruttore */
|
|
3050
|
-
function FormCheckboxComponent(lc, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
|
|
3063
|
+
function FormCheckboxComponent(lc, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_SLIDER_MODE) {
|
|
3051
3064
|
var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, true) || this;
|
|
3052
3065
|
_this.lc = lc;
|
|
3066
|
+
_this.FAV_SLIDER_MODE = FAV_SLIDER_MODE;
|
|
3067
|
+
/** Mostra l'input checkbox con lo stile di uno slider */
|
|
3068
|
+
_this.SliderMode = null;
|
|
3053
3069
|
return _this;
|
|
3054
3070
|
}
|
|
3071
|
+
FormCheckboxComponent.prototype.ngOnInit = function () {
|
|
3072
|
+
if (this.SliderMode == null)
|
|
3073
|
+
this.SliderMode = this.FAV_SLIDER_MODE;
|
|
3074
|
+
};
|
|
3055
3075
|
/** @ignore */
|
|
3056
3076
|
FormCheckboxComponent.prototype.writeValue = function (obj) {
|
|
3057
3077
|
obj = obj ? (obj === true || obj.toLowerCase() == "true") : false;
|
|
@@ -3069,8 +3089,9 @@
|
|
|
3069
3089
|
FormCheckboxComponent.decorators = [
|
|
3070
3090
|
{ type: core.Component, args: [{
|
|
3071
3091
|
selector: "form-checkbox",
|
|
3072
|
-
template: "<!-- Uguale in tutti i componenti --------------------------------------------------------------------------->\r\n<ng-container *ngIf=\"!FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\">\r\n <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">\r\n <ng-container *ngIf=\"DisplayLayout == 'form'\">{{ EvaluatedModel }}</ng-container>\r\n <div *ngIf=\"DisplayLayout == 'inline'\" class=\"app-inline\">{{ EvaluatedModel }}</div>\r\n </ng-container>\r\n <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n <div [hidden]=\"DisplayMode\" class=\"app-inline-block\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\" class=\"{{FormGroupClass + (Last ? ' app-margin-bottom-0 app-margin-right-0 ' : '') + (DisplayLayout == 'inline' && DisplayMode ? (' app-inline-block ' + (!Last ? 'app-margin-right-10' : '')) : ' form-group row')}}\">\r\n\r\n <label class=\"col-md-{{(DisplayMode && DisplayLayout == 'inline' ? 'none app-bold app-margin-bottom-0' : LabelColWidth) + (DisplayMode ? ' app-bold' : ' m-t-5') }}\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n <span *ngIf=\"DisplayMode && DisplayLayout == 'inline'\"> </span>\r\n <div class=\"col-md-{{DisplayMode && DisplayLayout == 'inline' ? 'none app-inline-block' : InputColWidth}}\">\r\n\r\n <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n </div>\r\n <div class=\"clearfix\"></div>\r\n</div>\r\n<!----------------------------------------------------------------------------------------------------------->\r\n\r\n<ng-template #controlTemplate>\r\n <input class=\"app-pointer\" [disabled]=\"Readonly ? true : null\" type=\"checkbox\" [(ngModel)]=\"Model\" id=\"{{GeneratedName}}\" name=\"{{GeneratedName}}\" #validationControl=\"ngModel\" (ngModelChange)=\"changed(); finalized()\" (click)=\"focused($event)\"
|
|
3073
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush
|
|
3092
|
+
template: "<!-- Uguale in tutti i componenti --------------------------------------------------------------------------->\r\n<ng-container *ngIf=\"!FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\">\r\n <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">\r\n <ng-container *ngIf=\"DisplayLayout == 'form'\">{{ EvaluatedModel }}</ng-container>\r\n <div *ngIf=\"DisplayLayout == 'inline'\" class=\"app-inline\">{{ EvaluatedModel }}</div>\r\n </ng-container>\r\n <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n <div [hidden]=\"DisplayMode\" class=\"app-inline-block\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\" class=\"{{FormGroupClass + (Last ? ' app-margin-bottom-0 app-margin-right-0 ' : '') + (DisplayLayout == 'inline' && DisplayMode ? (' app-inline-block ' + (!Last ? 'app-margin-right-10' : '')) : ' form-group row')}}\">\r\n\r\n <label class=\"col-md-{{(DisplayMode && DisplayLayout == 'inline' ? 'none app-bold app-margin-bottom-0' : LabelColWidth) + (DisplayMode ? ' app-bold' : ' m-t-5') }}\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n <span *ngIf=\"DisplayMode && DisplayLayout == 'inline'\"> </span>\r\n <div class=\"col-md-{{DisplayMode && DisplayLayout == 'inline' ? 'none app-inline-block' : InputColWidth}}\">\r\n\r\n <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n </div>\r\n <div class=\"clearfix\"></div>\r\n</div>\r\n<!----------------------------------------------------------------------------------------------------------->\r\n\r\n<ng-template #controlTemplate>\r\n <ng-container *ngIf=\"SliderMode\">\r\n <label class=\"toggler-wrapper slider-checkbox\">\r\n <input [disabled]=\"Readonly ? true : null\" type=\"checkbox\" [(ngModel)]=\"Model\" id=\"{{GeneratedName}}\" name=\"{{GeneratedName}}\" #validationControl=\"ngModel\" (ngModelChange)=\"changed(); finalized()\" (click)=\"focused($event)\" >\r\n <div class=\"toggler-slider\">\r\n <div class=\"toggler-knob\"></div>\r\n </div>\r\n </label>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!SliderMode\">\r\n <input class=\"app-pointer\" [disabled]=\"Readonly ? true : null\" type=\"checkbox\" [(ngModel)]=\"Model\" id=\"{{GeneratedName}}\" name=\"{{GeneratedName}}\" #validationControl=\"ngModel\" (ngModelChange)=\"changed(); finalized()\" (click)=\"focused($event)\"/>\r\n </ng-container>\r\n</ng-template>",
|
|
3093
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
3094
|
+
styles: [".toggler-wrapper{display:block;width:45px;height:25px;cursor:pointer;position:relative}.toggler-wrapper input[type=checkbox]{display:none}.toggler-wrapper input[type=checkbox]:checked+.toggler-slider{background-color:#007bff}.toggler-wrapper .toggler-slider{background-color:#ccc;border-radius:100px;top:0;left:0;width:100%;height:100%}.toggler-wrapper .toggler-knob,.toggler-wrapper .toggler-slider{position:absolute;transition:all .3s ease}.slider-checkbox{margin-top:3px}.toggler-wrapper.slider-checkbox input[type=checkbox]:checked+.toggler-slider .toggler-knob{left:calc(100% - 19px - 3px)}.toggler-wrapper.slider-checkbox .toggler-slider:after{position:absolute;top:50%;right:-25px;transform:translateY(-50%);font-size:75%;text-transform:uppercase;font-weight:500;opacity:.7}.toggler-wrapper.slider-checkbox .toggler-knob{width:calc(25px - 6px);height:calc(25px - 6px);border-radius:50%;left:3px;top:3px;background-color:#fff}"]
|
|
3074
3095
|
},] }
|
|
3075
3096
|
];
|
|
3076
3097
|
FormCheckboxComponent.ctorParameters = function () { return [
|
|
@@ -3080,8 +3101,12 @@
|
|
|
3080
3101
|
{ type: Array, decorators: [{ type: core.Optional }, { type: core.Host }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
|
|
3081
3102
|
{ type: accessControl.AccessControlService },
|
|
3082
3103
|
{ type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
|
|
3083
|
-
{ type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
|
|
3084
|
-
|
|
3104
|
+
{ type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
|
|
3105
|
+
{ type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_SLIDER_MODE,] }] }
|
|
3106
|
+
]; };
|
|
3107
|
+
FormCheckboxComponent.propDecorators = {
|
|
3108
|
+
SliderMode: [{ type: core.Input }]
|
|
3109
|
+
};
|
|
3085
3110
|
|
|
3086
3111
|
/** Componente che dà all'utente la possibilità di selezionare una data */
|
|
3087
3112
|
var FormDateComponent = /** @class */ (function (_super) {
|
|
@@ -3577,6 +3602,8 @@
|
|
|
3577
3602
|
_this.SearchFunction = null;
|
|
3578
3603
|
/** Numero minimo di caratteri con cui cercare */
|
|
3579
3604
|
_this.MinChars = 3;
|
|
3605
|
+
/** Definisce che ad ogni selezione deve chiudere la tendina */
|
|
3606
|
+
_this.HideChoicesOnSelection = false;
|
|
3580
3607
|
/** Override del placeholder per select requried */
|
|
3581
3608
|
_this.RequiredPlaceholder = null;
|
|
3582
3609
|
/** Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita */
|
|
@@ -3740,7 +3767,7 @@
|
|
|
3740
3767
|
FormAutocompleteComponent.decorators = [
|
|
3741
3768
|
{ type: core.Component, args: [{
|
|
3742
3769
|
selector: "form-autocomplete",
|
|
3743
|
-
template: "<!-- Uguale in tutti i componenti --------------------------------------------------------------------------->\r\n<ng-container *ngIf=\"!FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\">\r\n <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">\r\n <ng-container *ngIf=\"DisplayLayout == 'form'\">{{ EvaluatedModel }}</ng-container>\r\n <div *ngIf=\"DisplayLayout == 'inline'\" class=\"app-inline\">{{ EvaluatedModel }}</div>\r\n </ng-container>\r\n <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\" class=\"{{FormGroupClass + (Last ? ' app-margin-bottom-0 app-margin-right-0 ' : '') + (DisplayLayout == 'inline' && DisplayMode ? (' app-inline-block ' + (!Last ? 'app-margin-right-10' : '')) : ' form-group row')}}\">\r\n\r\n <label class=\"col-md-{{(DisplayMode && DisplayLayout == 'inline' ? 'none app-bold app-margin-bottom-0' : LabelColWidth) + (DisplayMode ? ' app-bold' : ' m-t-5') }}\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n <span *ngIf=\"DisplayMode && DisplayLayout == 'inline'\"> </span>\r\n <div class=\"col-md-{{DisplayMode && DisplayLayout == 'inline' ? 'none app-inline-block' : InputColWidth}}\">\r\n\r\n <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n </div>\r\n <div class=\"clearfix\"></div>\r\n</div>\r\n<!----------------------------------------------------------------------------------------------------------->\r\n\r\n<ng-template #controlTemplate>\r\n <val-autocomplete *ngIf=\"!Multi\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n [submitted]=\"Form?.submitted\"\r\n [forceInvalid]=\"ForcedError\"\r\n [readonly]=\"Readonly\"\r\n [label]=\"SelectLabel\"\r\n type=\"text\"\r\n [ngModel]=\"Model\"\r\n (ngModelChange)=\"Model = $event; evaluateIdResearch()\"\r\n [id]=\"GeneratedName\"\r\n name=\"{{GeneratedName}}\"\r\n #validationControl=\"ngModel\"\r\n (inputChange)=\"filterSource($event);\"\r\n (inputFocus)=\"focused($event);\"\r\n (inputFinalized)=\"finalized()\"\r\n (optionChange)=\"changed($event);\"\r\n [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...')) : Placeholder\"\r\n [validationFailed]=\"FailedValidationMessage\"\r\n [FilteredSource]=\"FilteredBoundSource\">\r\n </val-autocomplete>\r\n\r\n <val-autocomplete-multi *ngIf=\"Multi\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n [submitted]=\"Form?.submitted\"\r\n [forceInvalid]=\"ForcedError\"\r\n [readonly]=\"Readonly\"\r\n [label]=\"SelectLabel\"\r\n [ChipThreshold]=\"MultiElementsThreshold\"\r\n type=\"text\"\r\n [ngModel]=\"Model\"\r\n (ngModelChange)=\"Model = $event; evaluateIdResearch()\"\r\n [id]=\"GeneratedName\"\r\n name=\"{{GeneratedName}}\"\r\n #validationControl=\"ngModel\"\r\n (inputChange)=\"filterSource($event);\"\r\n (inputFocus)=\"focused($event);\"\r\n (inputFinalized)=\"finalized()\"\r\n (optionChange)=\"changed($event);\"\r\n [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...')) : Placeholder\"\r\n [validationFailed]=\"FailedValidationMessage\"\r\n [FilteredSource]=\"FilteredBoundSource\">\r\n\r\n </val-autocomplete-multi>\r\n</ng-template>",
|
|
3770
|
+
template: "<!-- Uguale in tutti i componenti --------------------------------------------------------------------------->\r\n<ng-container *ngIf=\"!FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\">\r\n <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">\r\n <ng-container *ngIf=\"DisplayLayout == 'form'\">{{ EvaluatedModel }}</ng-container>\r\n <div *ngIf=\"DisplayLayout == 'inline'\" class=\"app-inline\">{{ EvaluatedModel }}</div>\r\n </ng-container>\r\n <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\" class=\"{{FormGroupClass + (Last ? ' app-margin-bottom-0 app-margin-right-0 ' : '') + (DisplayLayout == 'inline' && DisplayMode ? (' app-inline-block ' + (!Last ? 'app-margin-right-10' : '')) : ' form-group row')}}\">\r\n\r\n <label class=\"col-md-{{(DisplayMode && DisplayLayout == 'inline' ? 'none app-bold app-margin-bottom-0' : LabelColWidth) + (DisplayMode ? ' app-bold' : ' m-t-5') }}\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n <span *ngIf=\"DisplayMode && DisplayLayout == 'inline'\"> </span>\r\n <div class=\"col-md-{{DisplayMode && DisplayLayout == 'inline' ? 'none app-inline-block' : InputColWidth}}\">\r\n\r\n <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n </div>\r\n <div class=\"clearfix\"></div>\r\n</div>\r\n<!----------------------------------------------------------------------------------------------------------->\r\n\r\n<ng-template #controlTemplate>\r\n <val-autocomplete *ngIf=\"!Multi\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n [submitted]=\"Form?.submitted\"\r\n [forceInvalid]=\"ForcedError\"\r\n [readonly]=\"Readonly\"\r\n [label]=\"SelectLabel\"\r\n type=\"text\"\r\n [ngModel]=\"Model\"\r\n (ngModelChange)=\"Model = $event; evaluateIdResearch()\"\r\n [id]=\"GeneratedName\"\r\n name=\"{{GeneratedName}}\"\r\n #validationControl=\"ngModel\"\r\n (inputChange)=\"filterSource($event);\"\r\n (inputFocus)=\"focused($event);\"\r\n (inputFinalized)=\"finalized()\"\r\n (optionChange)=\"changed($event);\"\r\n [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...')) : Placeholder\"\r\n [validationFailed]=\"FailedValidationMessage\"\r\n [FilteredSource]=\"FilteredBoundSource\">\r\n </val-autocomplete>\r\n\r\n <val-autocomplete-multi *ngIf=\"Multi\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n [submitted]=\"Form?.submitted\"\r\n [forceInvalid]=\"ForcedError\"\r\n [readonly]=\"Readonly\"\r\n [label]=\"SelectLabel\"\r\n [ChipThreshold]=\"MultiElementsThreshold\"\r\n [HideChoicesOnSelection]=\"HideChoicesOnSelection\"\r\n type=\"text\"\r\n [ngModel]=\"Model\"\r\n (ngModelChange)=\"Model = $event; evaluateIdResearch()\"\r\n [id]=\"GeneratedName\"\r\n name=\"{{GeneratedName}}\"\r\n #validationControl=\"ngModel\"\r\n (inputChange)=\"filterSource($event);\"\r\n (inputFocus)=\"focused($event);\"\r\n (inputFinalized)=\"finalized()\"\r\n (optionChange)=\"changed($event);\"\r\n [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...')) : Placeholder\"\r\n [validationFailed]=\"FailedValidationMessage\"\r\n [FilteredSource]=\"FilteredBoundSource\">\r\n\r\n </val-autocomplete-multi>\r\n</ng-template>",
|
|
3744
3771
|
providers: [{ provide: localizations.LocalizationService, useClass: FormAutocompleteComponentLoc }],
|
|
3745
3772
|
changeDetection: core.ChangeDetectionStrategy.OnPush
|
|
3746
3773
|
},] }
|
|
@@ -3759,6 +3786,7 @@
|
|
|
3759
3786
|
SelectLabel: [{ type: core.Input }],
|
|
3760
3787
|
SearchFunction: [{ type: core.Input }],
|
|
3761
3788
|
MinChars: [{ type: core.Input }],
|
|
3789
|
+
HideChoicesOnSelection: [{ type: core.Input }],
|
|
3762
3790
|
RequiredPlaceholder: [{ type: core.Input }],
|
|
3763
3791
|
CaseSensitive: [{ type: core.Input }],
|
|
3764
3792
|
Multi: [{ type: core.Input }],
|
|
@@ -3941,6 +3969,7 @@
|
|
|
3941
3969
|
{ provide: FAV_DEBUG_MODE, useValue: (config === null || config === void 0 ? void 0 : config.debugMode) != null ? config === null || config === void 0 ? void 0 : config.debugMode : false },
|
|
3942
3970
|
{ provide: ACO_CUSTOMKEY, useValue: (config === null || config === void 0 ? void 0 : config.acocustom) || null },
|
|
3943
3971
|
{ provide: datetimePicker.NGX_MAT_DATE_FORMATS, useValue: formats_long },
|
|
3972
|
+
{ provide: FAV_SLIDER_MODE, useValue: (config === null || config === void 0 ? void 0 : config.sliderMode) != null ? config === null || config === void 0 ? void 0 : config.sliderMode : false },
|
|
3944
3973
|
{ provide: datetimePicker.NgxMatDateAdapter, useClass: NgxExpandedDayJsDateAdapter },
|
|
3945
3974
|
]
|
|
3946
3975
|
};
|
|
@@ -3963,7 +3992,11 @@
|
|
|
3963
3992
|
* Generated bundle index. Do not edit.
|
|
3964
3993
|
*/
|
|
3965
3994
|
|
|
3995
|
+
exports.ACO_CUSTOMKEY = ACO_CUSTOMKEY;
|
|
3966
3996
|
exports.AppFile = AppFile;
|
|
3997
|
+
exports.FAV_DEBUG_MODE = FAV_DEBUG_MODE;
|
|
3998
|
+
exports.FAV_LOCALE = FAV_LOCALE;
|
|
3999
|
+
exports.FAV_SLIDER_MODE = FAV_SLIDER_MODE;
|
|
3967
4000
|
exports.FormAdaptiveComponent = FormAdaptiveComponent;
|
|
3968
4001
|
exports.FormAutocompleteComponent = FormAutocompleteComponent;
|
|
3969
4002
|
exports.FormCheckboxComponent = FormCheckboxComponent;
|
|
@@ -3991,17 +4024,14 @@
|
|
|
3991
4024
|
exports.ValidationTextAreaComponent = ValidationTextAreaComponent;
|
|
3992
4025
|
exports.ɵa = BaseValidation;
|
|
3993
4026
|
exports.ɵb = BaseValidationLoc;
|
|
3994
|
-
exports.ɵc =
|
|
3995
|
-
exports.ɵd =
|
|
3996
|
-
exports.ɵe =
|
|
3997
|
-
exports.ɵf =
|
|
3998
|
-
exports.ɵg =
|
|
3999
|
-
exports.ɵh =
|
|
4000
|
-
exports.ɵi =
|
|
4001
|
-
exports.ɵj =
|
|
4002
|
-
exports.ɵk = FormMultiSelectComponentLoc;
|
|
4003
|
-
exports.ɵl = FormFileComponentLoc;
|
|
4004
|
-
exports.ɵm = FormAutocompleteComponentLoc;
|
|
4027
|
+
exports.ɵc = CustomRequiredDirective;
|
|
4028
|
+
exports.ɵd = BaseFormControl;
|
|
4029
|
+
exports.ɵe = FormSelectComponentLoc;
|
|
4030
|
+
exports.ɵf = FormAdaptiveComponentLoc;
|
|
4031
|
+
exports.ɵg = FormMultiSelectComponent;
|
|
4032
|
+
exports.ɵh = FormMultiSelectComponentLoc;
|
|
4033
|
+
exports.ɵi = FormFileComponentLoc;
|
|
4034
|
+
exports.ɵj = FormAutocompleteComponentLoc;
|
|
4005
4035
|
|
|
4006
4036
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4007
4037
|
|