@esfaenza/forms-and-validations 11.2.40 → 11.2.44

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

@@ -2340,6 +2340,10 @@
              * Numero minimo di caratteri con cui cercare
              */
             _this.MinChars = 3;
+            /**
+             * Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita
+             */
+            _this.CaseSensitive = false;
             /**
              * Variabile interna che gestisce se effettuare il riallineamento dei dati o meno
              */
@@ -2447,6 +2451,10 @@
             }
             // Quando filtro la source, se non devo ignorare l'evento devo comunque assicurarmi di impostare il valore selezionato a null
             _super.prototype.changed.call(this, "");
+            if (!event && this.MinChars == 0 && !this.SearchFunction) {
+                this.FilteredBoundSource = this.BoundSource;
+                return;
+            }
             if (!event || event.length < this.MinChars) {
                 this.FilteredBoundSource = [];
                 return;
@@ -2467,7 +2475,7 @@
             else {
                 this.throttla("filtersource", function () {
                     // In questo caso devo filtrare io in memoria
-                    _this.FilteredBoundSource = _this.BoundSource.filter(function (t) { return t.description.includes(event); });
+                    _this.FilteredBoundSource = _this.BoundSource.filter(function (t) { return (_this.CaseSensitive && t.description.includes(event)) || (!_this.CaseSensitive && t.description.toLowerCase().includes(event.toLowerCase())); });
                     _this.cdr.markForCheck();
                 }, 100);
             }
@@ -2566,7 +2574,8 @@
         Precision: [{ type: core.Input }],
         Alignment: [{ type: core.Input }],
         SearchFunction: [{ type: core.Input }],
-        MinChars: [{ type: core.Input }]
+        MinChars: [{ type: core.Input }],
+        CaseSensitive: [{ type: core.Input }]
     };
 
     // Angular
@@ -2656,7 +2665,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}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</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: "<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}} m-t-5\">{{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>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
@@ -3153,7 +3162,8 @@
                 text: this.SelectLabel || this.lc.loc("Select one or more values..."),
                 enableCheckAll: true,
                 disabled: disabled,
-                labelKey: "description"
+                labelKey: "description",
+                tagToBody: false
             };
         };
         /**
@@ -3313,6 +3323,10 @@
              * Override del placeholder per select requried
              */
             _this.RequiredPlaceholder = null;
+            /**
+             * Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita
+             */
+            _this.CaseSensitive = false;
             /**
              * Indica se ignorare il prossimo evento writeValue che normalmente dovrebbe richiedere la nuova source. Serve per quando l'utente seleziona un elemento:
              * Subito dopo partirebbe un altro evento modelChange che ricaricherebbe nuovamente la source
@@ -3368,6 +3382,10 @@
             }
             // Quando filtro la source, se non devo ignorare l'evento devo comunque assicurarmi di impostare il valore selezionato a null
             _super.prototype.changed.call(this, "");
+            if (!event && this.MinChars == 0 && !this.SearchFunction) {
+                this.FilteredBoundSource = this.BoundSource;
+                return;
+            }
             if (!event || event.length < this.MinChars) {
                 this.FilteredBoundSource = [];
                 return;
@@ -3388,7 +3406,7 @@
             else {
                 this.throttla("filtersource", function () {
                     // In questo caso devo filtrare io in memoria
-                    _this.FilteredBoundSource = _this.BoundSource.filter(function (t) { return t.description.includes(event); });
+                    _this.FilteredBoundSource = _this.BoundSource.filter(function (t) { return (_this.CaseSensitive && t.description.includes(event)) || (!_this.CaseSensitive && t.description.toLowerCase().includes(event.toLowerCase())); });
                     _this.cdr.markForCheck();
                 }, 100);
             }
@@ -3456,7 +3474,8 @@
         SelectLabel: [{ type: core.Input }],
         SearchFunction: [{ type: core.Input }],
         MinChars: [{ type: core.Input }],
-        RequiredPlaceholder: [{ type: core.Input }]
+        RequiredPlaceholder: [{ type: core.Input }],
+        CaseSensitive: [{ type: core.Input }]
     };
 
     /**