@colijnit/corecomponents_v12 12.1.8 → 12.2.0

package/fesm2015/colijnit-corecomponents_v12.js

@@ -6700,12 +6700,18 @@ class InputDateRangePickerComponent extends BaseInputDatePickerDirective {
             const day = this.model[0].toLocaleString("default", { day: "2-digit" });
             this.firstDateAsString = `${year}-${month}-${day}`;
         }
+        else {
+            this.firstDateAsString = ``;
+        }
         if (this.model[1]) {
             const year = this.model[1].toLocaleString("default", { year: "numeric" });
             const month = this.model[1].toLocaleString("default", { month: "2-digit" });
             const day = this.model[1].toLocaleString("default", { day: "2-digit" });
             this.secondDateAsString = `${year}-${month}-${day}`;
         }
+        else {
+            this.secondDateAsString = ``;
+        }
     }
 }
 InputDateRangePickerComponent.decorators = [
@@ -10991,7 +10997,6 @@ class FilterItemComponent {
         this._changeDetector = _changeDetector;
         this.icons = CoreComponentsIcon;
         this.modes = FilterItemMode;
-        this.mode = this.modes.Filterlist;
         this.initialLimit = 10;
         this.expanded = false;
         // Set to false to use filter item with a multi selectable collection. Set to true to specify custom content
@@ -11013,6 +11018,14 @@ class FilterItemComponent {
         this.filterText = "";
         this.showButton = false;
         this._collection = [];
+        this._mode = this.modes.Filterlist;
+    }
+    set mode(value) {
+        this._mode = value;
+        this.readModelForMode(this._model);
+    }
+    get mode() {
+        return this._mode;
     }
     set collection(value) {
         var _a;
@@ -11024,37 +11037,8 @@ class FilterItemComponent {
     get collection() {
         return this._collection;
     }
-    set model(filterString) {
-        switch (this.mode) {
-            case this.modes.Filterlist:
-                this._readModelForFilterList(filterString);
-                break;
-            case this.modes.SingleSelectList:
-                this._readModelForSingleSelectList(filterString);
-                break;
-            case this.modes.SelectListWithStringCollectionOutput:
-                this._readModelForStringCollectionList(filterString);
-                break;
-            case this.modes.SelectListWithNumberOutput:
-                this._readModelForSelectListWithNumberOutput(filterString);
-                break;
-            case this.modes.Slider:
-                this._readModelForSliderMode(filterString);
-                break;
-            case this.modes.CheckboxToText:
-            case this.modes.CheckboxToSimpleText:
-                this._readModelForCheckboxToText(filterString);
-                break;
-            case this.modes.CheckboxToBinary:
-                this._readModelForCheckboxToBinary(filterString);
-                break;
-            case this.modes.DateField:
-                this._readModelForDateField(filterString);
-                break;
-            case this.modes.DateRangeField:
-                this._readModelForDateRangeField(filterString);
-                break;
-        }
+    set model(newModel) {
+        this.readModelForMode(newModel);
     }
     get model() {
         return this._model;
@@ -11062,7 +11046,9 @@ class FilterItemComponent {
     ngOnInit() {
         this.setToInitialLimit();
         this.showButton = this.valueSelected();
-        this.checkBoxToTextModel = false;
+        if (this.checkBoxToTextModel === undefined || this.checkBoxToTextModel === null) {
+            this.checkBoxToTextModel = false;
+        }
     }
     setToInitialLimit() {
         this.limitTo = this.initialLimit;
@@ -11108,34 +11094,33 @@ class FilterItemComponent {
                 this._createModelForSelectListWithNumberOutput();
                 break;
             case this.modes.Slider:
+                this.showButton = true;
                 this._createModelForSliderMode();
                 break;
             case this.modes.CheckboxToText:
+                this.showButton = true;
                 this._createModelForCheckboxToText();
                 break;
             case this.modes.CheckboxToSimpleText:
+                this.showButton = true;
                 this._createModelForCheckboxToSimpleText();
                 break;
             case this.modes.CheckboxToBinary:
+                this.showButton = true;
                 this._createModelForCheckboxToBinary();
                 break;
             case this.modes.DateRangeField:
+                this.showButton = true;
                 this._createModelForDateRange(model);
                 break;
             case this.modes.TextField:
+                this.showButton = true;
                 this._model = (typeof this._model === 'string' && this._model.length === 0) ? undefined : this._model;
                 break;
         }
         this.modelChange.emit(this._model);
         this.collectionChange.emit(this.collection);
     }
-    uncheckForSingleSelect(model) {
-        this.collection.forEach(m => {
-            if (m.code !== model.code && m.description !== model.description) {
-                m.checked = false;
-            }
-        });
-    }
     valueSelected() {
         if (this.collection) {
             return !!this.collection.find(c => c.checked);
@@ -11177,6 +11162,47 @@ class FilterItemComponent {
     onButtonClicked() {
         this.filterButtonClicked.emit();
     }
+    uncheckForSingleSelect(model) {
+        this.collection.forEach(m => {
+            if (m.code !== model.code && m.description !== model.description) {
+                m.checked = false;
+            }
+        });
+    }
+    readModelForMode(newModel) {
+        switch (this.mode) {
+            case this.modes.Filterlist:
+                this._readModelForFilterList(newModel);
+                break;
+            case this.modes.SingleSelectList:
+                this._readModelForSingleSelectList(newModel);
+                break;
+            case this.modes.SelectListWithStringCollectionOutput:
+                this._readModelForStringCollectionList(newModel);
+                break;
+            case this.modes.SelectListWithNumberOutput:
+                this._readModelForSelectListWithNumberOutput(newModel);
+                break;
+            case this.modes.Slider:
+                this._readModelForSliderMode(newModel);
+                break;
+            case this.modes.CheckboxToText:
+            case this.modes.CheckboxToSimpleText:
+                this._readModelForCheckboxToText(newModel);
+                break;
+            case this.modes.CheckboxToBinary:
+                this._readModelForCheckboxToBinary(newModel);
+                break;
+            case this.modes.DateField:
+                this._readModelForDateField(newModel);
+                break;
+            case this.modes.DateRangeField:
+                this._readModelForDateRangeField(newModel);
+                break;
+            default:
+                this._model = newModel;
+        }
+    }
     /////////////////////////////////////////////////////////////
     //Model creation for all of the different options available//
     /////////////////////////////////////////////////////////////
@@ -11300,9 +11326,6 @@ class FilterItemComponent {
                 if (filter !== null && filter !== undefined) {
                     filter.checked = true;
                 }
-                else {
-                    filter.checked = false;
-                }
             }
             this._model = filterModel;
         }
@@ -11312,7 +11335,7 @@ class FilterItemComponent {
         this._model = singleSelectModel;
         if (singleSelectModel !== null && singleSelectModel !== undefined && this.collection !== null && this.collection !== undefined) {
             let filter = this.collection.find(element => element.code.toString() === singleSelectModel);
-            if (filter) {
+            if (filter !== null && filter !== undefined) {
                 filter.checked = true;
             }
         }
@@ -11384,6 +11407,9 @@ class FilterItemComponent {
         if (dateFieldModel !== undefined && dateFieldModel !== null) {
             this._model = new Date(dateFieldModel);
         }
+        else {
+            this._model = undefined;
+        }
     }
     _readModelForDateRangeField(dateRangeFieldModel) {
         this._model = dateRangeFieldModel;
@@ -11396,6 +11422,10 @@ class FilterItemComponent {
             this.dateRangeStart = new Date(parseInt(startDateComponents[2]), parseInt(startDateComponents[1]) - 1, parseInt(startDateComponents[0]));
             this.dateRangeEnd = new Date(parseInt(endDateComponents[2]), parseInt(endDateComponents[1]) - 1, parseInt(endDateComponents[0]));
         }
+        else {
+            this.dateRangeStart = undefined;
+            this.dateRangeEnd = undefined;
+        }
     }
 }
 FilterItemComponent.decorators = [