@colijnit/corecomponents_v12 12.2.8 → 12.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-corecomponents_v12.umd.js +25 -5
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/base/base-input.component.js +3 -3
- package/esm2015/lib/components/filter-item/filter-item.component.js +40 -1
- package/esm2015/lib/components/input-number-picker/input-number-picker.component.js +3 -3
- package/esm2015/lib/core/enum/filterItem-mode.enum.js +4 -1
- package/fesm2015/colijnit-corecomponents_v12.js +46 -4
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/double-calendar/style/_layout.scss +1 -1
- package/lib/components/filter-item/filter-item.component.d.ts +2 -0
- package/lib/core/enum/filterItem-mode.enum.d.ts +1 -0
- package/lib/style/_input.mixins.scss +1 -0
- package/package.json +1 -1
|
@@ -2736,7 +2736,7 @@
|
|
|
2736
2736
|
return __generator(this, function (_a) {
|
|
2737
2737
|
switch (_a.label) {
|
|
2738
2738
|
case 0:
|
|
2739
|
-
if (!(this.showSaveCancel && handleCommit)) return [3 /*break*/, 2];
|
|
2739
|
+
if (!(this.showSaveCancel && handleCommit && this._modelDirtyForCommit)) return [3 /*break*/, 2];
|
|
2740
2740
|
return [4 /*yield*/, this._handleCommit(event, false)];
|
|
2741
2741
|
case 1:
|
|
2742
2742
|
_a.sent();
|
|
@@ -2889,6 +2889,7 @@
|
|
|
2889
2889
|
this._commitButtonsComponentRef.instance.commitFinished = false;
|
|
2890
2890
|
this._commitButtonsComponentRef.instance.committing = true;
|
|
2891
2891
|
}
|
|
2892
|
+
this._modelDirtyForCommit = false;
|
|
2892
2893
|
return [4 /*yield*/, this.commit(this.model)];
|
|
2893
2894
|
case 1:
|
|
2894
2895
|
success = _a.sent();
|
|
@@ -2896,7 +2897,6 @@
|
|
|
2896
2897
|
return [4 /*yield*/, this._commitFinished()];
|
|
2897
2898
|
case 2:
|
|
2898
2899
|
_a.sent();
|
|
2899
|
-
this._modelDirtyForCommit = false;
|
|
2900
2900
|
if (success && doBlur) {
|
|
2901
2901
|
this.doBlur(event, false);
|
|
2902
2902
|
}
|
|
@@ -5717,6 +5717,9 @@
|
|
|
5717
5717
|
//This mode makes the Filter display a min and max field. This should eventually be a slider.
|
|
5718
5718
|
// input is passed along as "min - max"
|
|
5719
5719
|
FilterItemMode["Slider"] = "slider";
|
|
5720
|
+
//This mode makes the Filter display a min and max field. This should eventually be a slider.
|
|
5721
|
+
// input is passed along as "min - max" This version can be emptied.
|
|
5722
|
+
FilterItemMode["NullableSlider"] = "nullableSlider";
|
|
5720
5723
|
//This mode makes the Filter display a simple textfield.
|
|
5721
5724
|
// The value typed into the field will be passed along directly as a string.
|
|
5722
5725
|
FilterItemMode["TextField"] = "textField";
|
|
@@ -7721,7 +7724,7 @@
|
|
|
7721
7724
|
},
|
|
7722
7725
|
// @override
|
|
7723
7726
|
set: function (model) {
|
|
7724
|
-
|
|
7727
|
+
this.setValue(model, true);
|
|
7725
7728
|
_super.prototype.model = model;
|
|
7726
7729
|
},
|
|
7727
7730
|
enumerable: false,
|
|
@@ -7773,7 +7776,7 @@
|
|
|
7773
7776
|
return true;
|
|
7774
7777
|
};
|
|
7775
7778
|
InputNumberPickerComponent.prototype.ngOnInit = function () {
|
|
7776
|
-
this.numberLogic.setValue(this.model, true);
|
|
7779
|
+
// this.numberLogic.setValue(this.model, true);
|
|
7777
7780
|
// this.numberLogic.init(true);
|
|
7778
7781
|
this._updateButtonsShowState();
|
|
7779
7782
|
};
|
|
@@ -11714,6 +11717,7 @@
|
|
|
11714
11717
|
this.noResultsLabel = "No results";
|
|
11715
11718
|
this.sliderDefaultMin = 0;
|
|
11716
11719
|
this.sliderDefaultMax = 100000;
|
|
11720
|
+
this.fullRangeIsNull = false;
|
|
11717
11721
|
this.modelChange = new i0.EventEmitter();
|
|
11718
11722
|
this.collectionChange = new i0.EventEmitter();
|
|
11719
11723
|
this.filterButtonClicked = new i0.EventEmitter();
|
|
@@ -11813,6 +11817,10 @@
|
|
|
11813
11817
|
this.showButton = true;
|
|
11814
11818
|
this._createModelForSliderMode();
|
|
11815
11819
|
break;
|
|
11820
|
+
case this.modes.NullableSlider:
|
|
11821
|
+
this.showButton = true;
|
|
11822
|
+
this._createModelForNullableSliderMode();
|
|
11823
|
+
break;
|
|
11816
11824
|
case this.modes.CheckboxToText:
|
|
11817
11825
|
this.showButton = true;
|
|
11818
11826
|
this._createModelForCheckboxToText();
|
|
@@ -11912,6 +11920,7 @@
|
|
|
11912
11920
|
this._readModelForSelectListWithNumberOutput(newModel);
|
|
11913
11921
|
break;
|
|
11914
11922
|
case this.modes.Slider:
|
|
11923
|
+
case this.modes.NullableSlider:
|
|
11915
11924
|
this._readModelForSliderMode(newModel);
|
|
11916
11925
|
break;
|
|
11917
11926
|
case this.modes.CheckboxToText:
|
|
@@ -11999,6 +12008,16 @@
|
|
|
11999
12008
|
this.sliderMax = trueUpperBound;
|
|
12000
12009
|
this._model = trueLowerBound + " - " + trueUpperBound;
|
|
12001
12010
|
};
|
|
12011
|
+
FilterItemComponent.prototype._createModelForNullableSliderMode = function () {
|
|
12012
|
+
if (this.sliderMin && this.sliderMax) {
|
|
12013
|
+
var trueLowerBound = Math.min(this.sliderMin, this.sliderMax);
|
|
12014
|
+
var trueUpperBound = Math.max(this.sliderMin, this.sliderMax);
|
|
12015
|
+
this._model = trueLowerBound + " - " + trueUpperBound;
|
|
12016
|
+
}
|
|
12017
|
+
else {
|
|
12018
|
+
this._model = null;
|
|
12019
|
+
}
|
|
12020
|
+
};
|
|
12002
12021
|
FilterItemComponent.prototype._createModelForCheckboxToText = function () {
|
|
12003
12022
|
if (this.checkBoxToTextModel) {
|
|
12004
12023
|
this._model = "?='J'";
|
|
@@ -12188,7 +12207,7 @@
|
|
|
12188
12207
|
FilterItemComponent.decorators = [
|
|
12189
12208
|
{ type: i0.Component, args: [{
|
|
12190
12209
|
selector: "co-filter-item",
|
|
12191
|
-
template: "\n <div class=\"co-filter-item-header\">\n <co-collapsible\n [headerTitle]=\"placeholder\"\n [expandButtonLast]=\"true\"\n [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"\n [expanded]=\"expanded\"\n [showButton]=\"showButton\"\n [buttonText]=\"filterButtonLabel\"\n (buttonClicked)=\"onButtonClicked()\"\n >\n <div class=\"co-filter-item-collapsable-content\">\n <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\"\n (keydown)=\"showButton=true\" (mousedown)=\"showButton=true\">\n <ng-content></ng-content>\n </div>\n <ng-template #collectionContent>\n <div class=\"co-filter-item-collection-content\" *ngIf=\"mode === modes.Filterlist || mode === modes.SingleSelectList\n || mode === modes.SelectListWithNumberOutput || mode === modes.SelectListWithStringCollectionOutput\">\n <co-input-text\n *ngIf=\"collection?.length > 10 || minSearchCharsToLoadCollection\"\n [placeholder]=\"searchPlaceholder\"\n [model]=\"filterText\"\n (modelChange)=\"applyFilter($event)\"\n >\n </co-input-text>\n <div class=\"no-results\" *ngIf=\"filteredCollection?.length === 0\">\n <span [textContent]=\"noResultsLabel\"></span>\n </div>\n <div class=\"co-filter-item-collection-results\">\n <ng-container\n *ngFor=\"let option of filteredCollection; let index = index\">\n <div class=\"co-filter-item-collection-result-item\" *ngIf=\"index < limitTo || showAllResults\">\n <co-input-checkbox *ngIf=\"mode !== modes.SingleSelectList\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n [clickableLabel]=\"false\"\n (modelChange)=\"handleModelChange(option)\"\n ></co-input-checkbox>\n <co-input-radio-button *ngIf=\"mode === modes.SingleSelectList\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n (modelChange)=\"handleModelChange(option)\"\n ></co-input-radio-button>\n <div class=\"co-filter-item-amount\" *ngIf=\"option.count\"\n [textContent]=\"option.count.toString() | append: ')' | prepend: ' ('\"\n ></div>\n </div>\n\n </ng-container>\n </div>\n <div class=\"co-filter-show-more-or-less\" *ngIf=\"!showAllResults\">\n <div class=\"co-filter-show-more clickable\"\n *ngIf=\"moreToShow()\">\n <a (click)=\"increaseLimit()\">\n <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"></co-icon>\n <span [textContent]=\"showMoreLabel\"></span>\n </a>\n </div>\n <div class=\"co-filter-show-less clickable\"\n *ngIf=\"lessToShow()\">\n <a (click)=\"setToInitialLimit()\">\n <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointUp)\"></co-icon>\n <span [textContent]=\"showLessLabel\"></span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"co-filter-item-slider-content\" *ngIf=\"mode === modes.Slider\">\n <co-input-text\n class=\"slider-from\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'FROM' | localize\"\n [(model)]=\"sliderMin\"\n (focusout)=\"handleModelChange(sliderMin)\"\n ></co-input-text>\n <co-input-text\n class=\"slider-to\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'TO' | localize\"\n [(model)]=\"sliderMax\"\n (focusout)=\"handleModelChange(sliderMax)\"\n ></co-input-text>\n </div>\n <div class=\"co-filter-item-checkbox-content\" *ngIf=\"mode === modes.Checkbox \">\n <co-input-checkbox\n [(model)]=\"model\"\n (modelChange)=\"handleModelChange($event)\"\n [label]=\"placeholder\">\n </co-input-checkbox>\n </div>\n <div class=\"co-filter-item-checkbox-content\"\n *ngIf=\"mode === modes.CheckboxToText || mode === modes.CheckboxToSimpleText || mode === modes.CheckboxToBinary\">\n <co-input-checkbox\n [(model)]=\"checkBoxToTextModel\"\n (modelChange)=\"handleModelChange($event)\"\n [label]=\"placeholder\"></co-input-checkbox>\n </div>\n <div class=\"co-filter-item-textfield-content\" *ngIf=\"mode === modes.TextField\">\n <co-input-text\n [(model)]=\"model\"\n (modelChange)=\"handleModelChange($event)\"></co-input-text>\n </div>\n <div class=\"co-filter-item-dateField-content\" *ngIf=\"mode === modes.DateField\">\n <co-input-date\n [(model)]=\"model\"\n (modelChange)=\"handleModelChange($event)\"\n ></co-input-date>\n </div>\n <div class=\"co-filter-item-dateField-content\" *ngIf=\"mode === modes.DateRangeField\">\n <co-input-date-range\n [model]=\"[dateRangeStart, dateRangeEnd]\"\n (modelChange)=\"handleModelChange($event)\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </div>\n </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
12210
|
+
template: "\n <div class=\"co-filter-item-header\">\n <co-collapsible\n [headerTitle]=\"placeholder\"\n [expandButtonLast]=\"true\"\n [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"\n [expanded]=\"expanded\"\n [showButton]=\"showButton\"\n [buttonText]=\"filterButtonLabel\"\n (buttonClicked)=\"onButtonClicked()\"\n >\n <div class=\"co-filter-item-collapsable-content\">\n <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\"\n (keydown)=\"showButton=true\" (mousedown)=\"showButton=true\">\n <ng-content></ng-content>\n </div>\n <ng-template #collectionContent>\n <div class=\"co-filter-item-collection-content\" *ngIf=\"mode === modes.Filterlist || mode === modes.SingleSelectList\n || mode === modes.SelectListWithNumberOutput || mode === modes.SelectListWithStringCollectionOutput\">\n <co-input-text\n *ngIf=\"collection?.length > 10 || minSearchCharsToLoadCollection\"\n [placeholder]=\"searchPlaceholder\"\n [model]=\"filterText\"\n (modelChange)=\"applyFilter($event)\"\n >\n </co-input-text>\n <div class=\"no-results\" *ngIf=\"filteredCollection?.length === 0\">\n <span [textContent]=\"noResultsLabel\"></span>\n </div>\n <div class=\"co-filter-item-collection-results\">\n <ng-container\n *ngFor=\"let option of filteredCollection; let index = index\">\n <div class=\"co-filter-item-collection-result-item\" *ngIf=\"index < limitTo || showAllResults\">\n <co-input-checkbox *ngIf=\"mode !== modes.SingleSelectList\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n [clickableLabel]=\"false\"\n (modelChange)=\"handleModelChange(option)\"\n ></co-input-checkbox>\n <co-input-radio-button *ngIf=\"mode === modes.SingleSelectList\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n (modelChange)=\"handleModelChange(option)\"\n ></co-input-radio-button>\n <div class=\"co-filter-item-amount\" *ngIf=\"option.count\"\n [textContent]=\"option.count.toString() | append: ')' | prepend: ' ('\"\n ></div>\n </div>\n\n </ng-container>\n </div>\n <div class=\"co-filter-show-more-or-less\" *ngIf=\"!showAllResults\">\n <div class=\"co-filter-show-more clickable\"\n *ngIf=\"moreToShow()\">\n <a (click)=\"increaseLimit()\">\n <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"></co-icon>\n <span [textContent]=\"showMoreLabel\"></span>\n </a>\n </div>\n <div class=\"co-filter-show-less clickable\"\n *ngIf=\"lessToShow()\">\n <a (click)=\"setToInitialLimit()\">\n <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointUp)\"></co-icon>\n <span [textContent]=\"showLessLabel\"></span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"co-filter-item-slider-content\" *ngIf=\"mode === modes.Slider\">\n <co-input-text\n class=\"slider-from\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'FROM' | localize\"\n [(model)]=\"sliderMin\"\n (focusout)=\"handleModelChange(sliderMin)\"\n ></co-input-text>\n <co-input-text\n class=\"slider-to\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'TO' | localize\"\n [(model)]=\"sliderMax\"\n (focusout)=\"handleModelChange(sliderMax)\"\n ></co-input-text>\n </div>\n <div class=\"co-filter-item-slider-content\" *ngIf=\"mode === modes.NullableSlider\">\n <co-input-text\n class=\"slider-from\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'FROM' | localize\"\n [(model)]=\"sliderMin\"\n (focusout)=\"handleModelChange(sliderMin)\"\n ></co-input-text>\n <co-input-text\n class=\"slider-to\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'TO' | localize\"\n [(model)]=\"sliderMax\"\n (focusout)=\"handleModelChange(sliderMax)\"\n ></co-input-text>\n </div>\n <div class=\"co-filter-item-checkbox-content\" *ngIf=\"mode === modes.Checkbox \">\n <co-input-checkbox\n [(model)]=\"model\"\n (modelChange)=\"handleModelChange($event)\"\n [label]=\"placeholder\">\n </co-input-checkbox>\n </div>\n <div class=\"co-filter-item-checkbox-content\"\n *ngIf=\"mode === modes.CheckboxToText || mode === modes.CheckboxToSimpleText || mode === modes.CheckboxToBinary\">\n <co-input-checkbox\n [(model)]=\"checkBoxToTextModel\"\n (modelChange)=\"handleModelChange($event)\"\n [label]=\"placeholder\"></co-input-checkbox>\n </div>\n <div class=\"co-filter-item-textfield-content\" *ngIf=\"mode === modes.TextField\">\n <co-input-text\n [(model)]=\"model\"\n (modelChange)=\"handleModelChange($event)\"></co-input-text>\n </div>\n <div class=\"co-filter-item-dateField-content\" *ngIf=\"mode === modes.DateField\">\n <co-input-date\n [(model)]=\"model\"\n (modelChange)=\"handleModelChange($event)\"\n ></co-input-date>\n </div>\n <div class=\"co-filter-item-dateField-content\" *ngIf=\"mode === modes.DateRangeField\">\n <co-input-date-range\n [model]=\"[dateRangeStart, dateRangeEnd]\"\n (modelChange)=\"handleModelChange($event)\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </div>\n </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
12192
12211
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12193
12212
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
12194
12213
|
},] }
|
|
@@ -12214,6 +12233,7 @@
|
|
|
12214
12233
|
noResultsLabel: [{ type: i0.Input }],
|
|
12215
12234
|
sliderDefaultMin: [{ type: i0.Input }],
|
|
12216
12235
|
sliderDefaultMax: [{ type: i0.Input }],
|
|
12236
|
+
fullRangeIsNull: [{ type: i0.Input }],
|
|
12217
12237
|
model: [{ type: i0.Input }],
|
|
12218
12238
|
modelChange: [{ type: i0.Output }],
|
|
12219
12239
|
collectionChange: [{ type: i0.Output }],
|