@colijnit/corecomponents_v12 12.1.8 → 12.2.0

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -7219,12 +7219,18 @@
                 var day = this.model[0].toLocaleString("default", { day: "2-digit" });
                 this.firstDateAsString = year + "-" + month + "-" + day;
             }
+            else {
+                this.firstDateAsString = "";
+            }
             if (this.model[1]) {
                 var year = this.model[1].toLocaleString("default", { year: "numeric" });
                 var month = this.model[1].toLocaleString("default", { month: "2-digit" });
                 var day = this.model[1].toLocaleString("default", { day: "2-digit" });
                 this.secondDateAsString = year + "-" + month + "-" + day;
             }
+            else {
+                this.secondDateAsString = "";
+            }
         };
         return InputDateRangePickerComponent;
     }(BaseInputDatePickerDirective));
@@ -11557,7 +11563,6 @@
             this._changeDetector = _changeDetector;
             this.icons = exports.CoreComponentsIcon;
             this.modes = exports.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
@@ -11579,7 +11584,19 @@
             this.filterText = "";
             this.showButton = false;
             this._collection = [];
+            this._mode = this.modes.Filterlist;
         }
+        Object.defineProperty(FilterItemComponent.prototype, "mode", {
+            get: function () {
+                return this._mode;
+            },
+            set: function (value) {
+                this._mode = value;
+                this.readModelForMode(this._model);
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(FilterItemComponent.prototype, "collection", {
             get: function () {
                 return this._collection;
@@ -11598,37 +11615,8 @@
             get: function () {
                 return this._model;
             },
-            set: function (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: function (newModel) {
+                this.readModelForMode(newModel);
             },
             enumerable: false,
             configurable: true
@@ -11636,7 +11624,9 @@
         FilterItemComponent.prototype.ngOnInit = function () {
             this.setToInitialLimit();
             this.showButton = this.valueSelected();
-            this.checkBoxToTextModel = false;
+            if (this.checkBoxToTextModel === undefined || this.checkBoxToTextModel === null) {
+                this.checkBoxToTextModel = false;
+            }
         };
         FilterItemComponent.prototype.setToInitialLimit = function () {
             this.limitTo = this.initialLimit;
@@ -11682,34 +11672,33 @@
                     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);
         };
-        FilterItemComponent.prototype.uncheckForSingleSelect = function (model) {
-            this.collection.forEach(function (m) {
-                if (m.code !== model.code && m.description !== model.description) {
-                    m.checked = false;
-                }
-            });
-        };
         FilterItemComponent.prototype.valueSelected = function () {
             if (this.collection) {
                 return !!this.collection.find(function (c) { return c.checked; });
@@ -11763,6 +11752,47 @@
         FilterItemComponent.prototype.onButtonClicked = function () {
             this.filterButtonClicked.emit();
         };
+        FilterItemComponent.prototype.uncheckForSingleSelect = function (model) {
+            this.collection.forEach(function (m) {
+                if (m.code !== model.code && m.description !== model.description) {
+                    m.checked = false;
+                }
+            });
+        };
+        FilterItemComponent.prototype.readModelForMode = function (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//
         /////////////////////////////////////////////////////////////
@@ -11887,9 +11917,6 @@
                     if (filter !== null && filter !== undefined) {
                         filter.checked = true;
                     }
-                    else {
-                        filter.checked = false;
-                    }
                 };
                 var this_1 = this;
                 try {
@@ -11913,7 +11940,7 @@
             this._model = singleSelectModel;
             if (singleSelectModel !== null && singleSelectModel !== undefined && this.collection !== null && this.collection !== undefined) {
                 var filter = this.collection.find(function (element) { return element.code.toString() === singleSelectModel; });
-                if (filter) {
+                if (filter !== null && filter !== undefined) {
                     filter.checked = true;
                 }
             }
@@ -11996,6 +12023,9 @@
             if (dateFieldModel !== undefined && dateFieldModel !== null) {
                 this._model = new Date(dateFieldModel);
             }
+            else {
+                this._model = undefined;
+            }
         };
         FilterItemComponent.prototype._readModelForDateRangeField = function (dateRangeFieldModel) {
             this._model = dateRangeFieldModel;
@@ -12008,6 +12038,10 @@
                 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;
+            }
         };
         return FilterItemComponent;
     }());