@colijnit/corecomponents_v12 12.2.8 → 12.2.10

package/fesm2015/colijnit-corecomponents_v12.js

@@ -2231,7 +2231,7 @@ class BaseInputComponent {
     }
     doBlur(event, handleCommit = true) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.showSaveCancel && handleCommit) {
+            if (this.showSaveCancel && handleCommit && this._modelDirtyForCommit) {
                 yield this._handleCommit(event, false);
             }
             setTimeout(() => {
@@ -2371,10 +2371,10 @@ class BaseInputComponent {
                 this._commitButtonsComponentRef.instance.commitFinished = false;
                 this._commitButtonsComponentRef.instance.committing = true;
             }
+            this._modelDirtyForCommit = false;
             const success = yield this.commit(this.model);
             this.keepFocus = false;
             yield this._commitFinished();
-            this._modelDirtyForCommit = false;
             if (success && doBlur) {
                 this.doBlur(event, false);
             }
@@ -5185,6 +5185,9 @@ var FilterItemMode;
     //This mode makes the Filter display a min and max field. This should eventually be a slider.
     // input is passed along as "min - max"
     FilterItemMode["Slider"] = "slider";
+    //This mode makes the Filter display a min and max field. This should eventually be a slider.
+    // input is passed along as "min - max" This version can be emptied.
+    FilterItemMode["NullableSlider"] = "nullableSlider";
     //This mode makes the Filter display a simple textfield.
     // The value typed into the field will be passed along directly as a string.
     FilterItemMode["TextField"] = "textField";
@@ -7177,7 +7180,7 @@ class InputNumberPickerComponent extends BaseInputComponent {
     }
     // @override
     set model(model) {
-        // this.setValue(model, true);
+        this.setValue(model, true);
         super.model = model;
     }
     get model() {
@@ -7205,7 +7208,7 @@ class InputNumberPickerComponent extends BaseInputComponent {
         return true;
     }
     ngOnInit() {
-        this.numberLogic.setValue(this.model, true);
+        // this.numberLogic.setValue(this.model, true);
         // this.numberLogic.init(true);
         this._updateButtonsShowState();
     }
@@ -11156,6 +11159,7 @@ class FilterItemComponent {
         this.noResultsLabel = "No results";
         this.sliderDefaultMin = 0;
         this.sliderDefaultMax = 100000;
+        this.fullRangeIsNull = false;
         this.modelChange = new EventEmitter();
         this.collectionChange = new EventEmitter();
         this.filterButtonClicked = new EventEmitter();
@@ -11243,6 +11247,10 @@ class FilterItemComponent {
                 this.showButton = true;
                 this._createModelForSliderMode();
                 break;
+            case this.modes.NullableSlider:
+                this.showButton = true;
+                this._createModelForNullableSliderMode();
+                break;
             case this.modes.CheckboxToText:
                 this.showButton = true;
                 this._createModelForCheckboxToText();
@@ -11330,6 +11338,7 @@ class FilterItemComponent {
                 this._readModelForSelectListWithNumberOutput(newModel);
                 break;
             case this.modes.Slider:
+            case this.modes.NullableSlider:
                 this._readModelForSliderMode(newModel);
                 break;
             case this.modes.CheckboxToText:
@@ -11417,6 +11426,16 @@ class FilterItemComponent {
         this.sliderMax = trueUpperBound;
         this._model = `${trueLowerBound} - ${trueUpperBound}`;
     }
+    _createModelForNullableSliderMode() {
+        if (this.sliderMin && this.sliderMax) {
+            let trueLowerBound = Math.min(this.sliderMin, this.sliderMax);
+            let trueUpperBound = Math.max(this.sliderMin, this.sliderMax);
+            this._model = `${trueLowerBound} - ${trueUpperBound}`;
+        }
+        else {
+            this._model = null;
+        }
+    }
     _createModelForCheckboxToText() {
         if (this.checkBoxToTextModel) {
             this._model = "?='J'";
@@ -11669,6 +11688,28 @@ FilterItemComponent.decorators = [
                 (focusout)="handleModelChange(sliderMax)"
               ></co-input-text>
             </div>
+            <div class="co-filter-item-slider-content" *ngIf="mode === modes.NullableSlider">
+              <co-input-text
+                class="slider-from"
+                [type]="'number'"
+                [digitsOnly]="true"
+                [hideArrowButtons]="true"
+                [excludePlusMinus]="true"
+                [label]="'FROM' | localize"
+                [(model)]="sliderMin"
+                (focusout)="handleModelChange(sliderMin)"
+              ></co-input-text>
+              <co-input-text
+                class="slider-to"
+                [type]="'number'"
+                [digitsOnly]="true"
+                [hideArrowButtons]="true"
+                [excludePlusMinus]="true"
+                [label]="'TO' | localize"
+                [(model)]="sliderMax"
+                (focusout)="handleModelChange(sliderMax)"
+              ></co-input-text>
+            </div>
             <div class="co-filter-item-checkbox-content" *ngIf="mode === modes.Checkbox ">
               <co-input-checkbox
                 [(model)]="model"
@@ -11732,6 +11773,7 @@ FilterItemComponent.propDecorators = {
     noResultsLabel: [{ type: Input }],
     sliderDefaultMin: [{ type: Input }],
     sliderDefaultMax: [{ type: Input }],
+    fullRangeIsNull: [{ type: Input }],
     model: [{ type: Input }],
     modelChange: [{ type: Output }],
     collectionChange: [{ type: Output }],