@esfaenza/forms-and-validations 11.2.94 → 11.2.95

package/bundles/esfaenza-forms-and-validations.umd.js

@@ -1933,8 +1933,6 @@
             this.FieldAppearence = "outline";
             /** Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input */
             this.FormLayout = true;
-            /** 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 */
-            this.DisplayMode = false;
             /** Definisce se richiamare l'EventEmitter **inputChange** in maniera classica (true) o solo per la change considerate definitive come tasto invio / blur / ecc... (false) */
             this.EmitPendingChanges = true;
             /** Attiva o disattiva la validazione per questo componente */
@@ -1959,6 +1957,8 @@
             this.Form = null;
             /** Nome della proprietà che contiene l'Id degli oggetti bindati nella **Source** */
             this.IdField = 'id';
+            /** 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 */
+            this.DisplayMode = false;
             /** Layout del Form quando è in modalità Display. Di default mantiene la formattazione a form */
             this.DisplayLayout = 'form';
             /**
@@ -2341,7 +2341,6 @@
         FocusSubject: [{ type: core.Input }],
         FieldAppearence: [{ type: core.Input }],
         FormLayout: [{ type: core.Input }],
-        DisplayMode: [{ type: core.Input }],
         EmitPendingChanges: [{ type: core.Input }],
         Validation: [{ type: core.Input }],
         Placeholder: [{ type: core.Input }],
@@ -2355,6 +2354,7 @@
         Form: [{ type: core.Input }],
         Source: [{ type: core.Input }],
         IdField: [{ type: core.Input }],
+        DisplayMode: [{ type: core.Input }],
         DisplayModeTemplate: [{ type: core.Input }],
         DisplayLayout: [{ type: core.Input }],
         Display: [{ type: core.Input }],
@@ -2900,6 +2900,10 @@
             this.Last = false;
             /** Classe extra per il form-group in cui viene wrappato l'input */
             this.FormGroupClass = "";
+            /** 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 */
+            this.DisplayMode = false;
+            /** Layout del Form quando è in modalità Display. Di default mantiene la formattazione a form */
+            this.DisplayLayout = 'form';
         }
         Object.defineProperty(FormTemplateComponent.prototype, "LabelInputRatio", {
             /** Permette di settare in una volta solo gli input LabelColWidth e InputColWidth, basta scriverlo con la sintassi "X Y" */
@@ -2916,7 +2920,7 @@
     FormTemplateComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "form-template",
-                    template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-content></ng-content>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} {{LabelClass}}\">{{Label}}{{Required ? '*' : ''}}<span *ngIf=\"Label\">:</span></label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>",
+                    template: "<!-- NON PROPRIO Uguale in tutti i componenti --------------------------------------------------------------------------->\r\n<ng-container *ngIf=\"!FormLayout && (!DisplayMode || DisplayLayout != 'hidden')\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">\r\n        <ng-container *ngIf=\"DisplayLayout == 'form'\"><ng-container *ngTemplateOutlet=\"content\"></ng-container></ng-container>\r\n        <div *ngIf=\"DisplayLayout == 'inline'\" class=\"app-inline\"><ng-container *ngTemplateOutlet=\"content\"></ng-container></div>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"content\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && (!DisplayMode || DisplayLayout != 'hidden')\" 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    <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'\">&nbsp;</span>\r\n    <div class=\"col-md-{{DisplayMode && DisplayLayout == 'inline' ? 'none app-inline-block' : InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"content\"></ng-container></ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"content\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n<!----------------------------------------------------------------------------------------------------------->\r\n\r\n<!-- Singola proiezione -->\r\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n<ng-template #content><ng-content></ng-content></ng-template>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
@@ -2929,6 +2933,9 @@
         InputColWidth: [{ type: core.Input }],
         Last: [{ type: core.Input }],
         FormGroupClass: [{ type: core.Input }],
+        DisplayMode: [{ type: core.Input }],
+        DisplayModeTemplate: [{ type: core.Input }],
+        DisplayLayout: [{ type: core.Input }],
         LabelInputRatio: [{ type: core.Input }]
     };