@colijnit/corecomponents_v12 260.1.17 → 261.1.0
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 +38 -21
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/filter-item/filter-item-viewmodel.js +2 -2
- package/esm2015/lib/components/filter-item/filter-item.component.js +14 -3
- package/esm2015/lib/components/input-text/input-text.component.js +27 -7
- package/esm2015/lib/components/list-of-values/list-of-values-popup.component.js +3 -3
- package/esm2015/lib/components/list-of-values/list-of-values.component.js +53 -53
- package/esm2015/lib/components/simple-grid/simple-grid.component.js +3 -13
- package/esm2015/lib/directives/screen-configuration/screen-configuration.directive.js +1 -1
- package/fesm2015/colijnit-corecomponents_v12.js +96 -75
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/filter-item/filter-item.component.d.ts +2 -0
- package/lib/components/input-text/input-text.component.d.ts +3 -1
- package/package.json +2 -2
|
@@ -6339,12 +6339,14 @@
|
|
|
6339
6339
|
enumerable: false,
|
|
6340
6340
|
configurable: true
|
|
6341
6341
|
});
|
|
6342
|
-
InputTextComponent.prototype.
|
|
6342
|
+
InputTextComponent.prototype.handleDocumentPointerUp = function (event) {
|
|
6343
6343
|
if (this._isLeftIconMouseDown) {
|
|
6344
|
-
this.
|
|
6344
|
+
this._isLeftIconMouseDown = false;
|
|
6345
|
+
this.leftIconMouseUp.emit(event);
|
|
6345
6346
|
}
|
|
6346
6347
|
if (this._isRightIconMouseDown) {
|
|
6347
|
-
this.
|
|
6348
|
+
this._isRightIconMouseDown = false;
|
|
6349
|
+
this.rightIconMouseUp.emit(event);
|
|
6348
6350
|
}
|
|
6349
6351
|
};
|
|
6350
6352
|
Object.defineProperty(InputTextComponent.prototype, "model", {
|
|
@@ -6416,6 +6418,22 @@
|
|
|
6416
6418
|
this._isRightIconMouseDown = false;
|
|
6417
6419
|
this.rightIconMouseUp.emit(event);
|
|
6418
6420
|
};
|
|
6421
|
+
InputTextComponent.prototype.handleRightIconPointerDown = function (event) {
|
|
6422
|
+
var _a;
|
|
6423
|
+
event.preventDefault();
|
|
6424
|
+
event.stopPropagation();
|
|
6425
|
+
this._isRightIconMouseDown = true;
|
|
6426
|
+
this.rightIconMouseDown.emit(event);
|
|
6427
|
+
(_a = event.target) === null || _a === void 0 ? void 0 : _a.setPointerCapture(event.pointerId);
|
|
6428
|
+
};
|
|
6429
|
+
InputTextComponent.prototype.handleRightIconPointerUp = function (event) {
|
|
6430
|
+
var _a;
|
|
6431
|
+
event.preventDefault();
|
|
6432
|
+
event.stopPropagation();
|
|
6433
|
+
this._isRightIconMouseDown = false;
|
|
6434
|
+
this.rightIconMouseUp.emit(event);
|
|
6435
|
+
(_a = event.target) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(event.pointerId);
|
|
6436
|
+
};
|
|
6419
6437
|
InputTextComponent.prototype.handleInputFocus = function (event) {
|
|
6420
6438
|
event.preventDefault();
|
|
6421
6439
|
event.stopPropagation();
|
|
@@ -6532,7 +6550,7 @@
|
|
|
6532
6550
|
InputTextComponent.decorators = [
|
|
6533
6551
|
{ type: i0.Component, args: [{
|
|
6534
6552
|
selector: 'co-input-text',
|
|
6535
|
-
template: "\n <div class=\"input-text-wrapper\" overlayParent #parentForOverlay=\"overlayParent\">\n <co-icon *ngIf=\"leftIcon || leftIconData\" class=\"input-text-left-icon\" [icon]=\"leftIcon\" [iconData]=\"leftIconData\"\n (click)=\"handleLeftIconClick($event)\" (mousedown)=\"handleLeftIconMouseDown($event)\"\n (mouseup)=\"handleLeftIconMouseUp($event)\"></co-icon>\n <div *ngIf=\"leftIcon || leftIconData\" class=\"spacer left-icon\"></div>\n <div class=\"input-wrapper\">\n <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n [textContent]=\"placeholder\"></label>\n <span class=\"input-text-formatted\" *ngIf=\"!focused && !useContent && formatPipe\"\n [class.show]=\"!focused && !useContent && formatPipe\"\n [ngClass]=\"align\"\n [textContent]=\"pipedModel\"\n (click)=\"handleDoFocus($event)\"\n ></span>\n <input [class.show]=\"focused || !formatPipe\" #input\n [class.input-input-hidden]=\"useContent\"\n [ngClass]=\"align\"\n [type]=\"isWeekInputMode ? 'text' : (isFocusedOnDate || (hasValue && emptyPlace)) ? 'date' : (digitsOnly ? 'number' : (type === 'date' ? 'text' : type))\"\n [placeholder]=\"type === 'date' && !isFocusedOnDate ? '' : ''\"\n [pattern]=\"type === 'date' ? pattern : undefined\"\n [ngModel]=\"model\"\n [min]=\"(type === 'number' || type === 'date') && this.min ? this.min : undefined\"\n [max]=\"(type === 'number' || type === 'date') && this.max ? this.max : undefined\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (ngModelChange)=\"modelChange.emit($event)\"\n (keydown)=\"handleKeyDownInput($event)\"\n (keyup)=\"keyUp.emit($event)\"\n (focusin)=\"handleInputFocus($event)\"\n (focusout)=\"handleBlur($event)\"\n >\n <ng-container *ngIf=\"useContent\">\n <div class=\"input-content-wrapper\">\n <ng-content></ng-content>\n </div>\n </ng-container>\n <co-icon [class.show]=\"showClearButton && hasValue && !readonly\" class=\"input-text-clear-button\"\n [icon]=\"icons.CrossSkinny\" (click)=\"clearInput($event)\"></co-icon>\n <div class=\"required-indicator\"></div>\n </div>\n <div *ngIf=\"rightIcon || rightIconData\" class=\"spacer right-icon\"></div>\n <co-icon *ngIf=\"rightIcon || rightIconData\" class=\"input-text-right-icon\" [icon]=\"rightIcon\"\n [iconData]=\"rightIconData\"\n (click)=\"handleRightIconClick($event)\"
|
|
6553
|
+
template: "\n <div class=\"input-text-wrapper\" overlayParent #parentForOverlay=\"overlayParent\">\n <co-icon *ngIf=\"leftIcon || leftIconData\" class=\"input-text-left-icon\" [icon]=\"leftIcon\" [iconData]=\"leftIconData\"\n (click)=\"handleLeftIconClick($event)\" (mousedown)=\"handleLeftIconMouseDown($event)\"\n (mouseup)=\"handleLeftIconMouseUp($event)\"></co-icon>\n <div *ngIf=\"leftIcon || leftIconData\" class=\"spacer left-icon\"></div>\n <div class=\"input-wrapper\">\n <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n [textContent]=\"placeholder\"></label>\n <span class=\"input-text-formatted\" *ngIf=\"!focused && !useContent && formatPipe\"\n [class.show]=\"!focused && !useContent && formatPipe\"\n [ngClass]=\"align\"\n [textContent]=\"pipedModel\"\n (click)=\"handleDoFocus($event)\"\n ></span>\n <input [class.show]=\"focused || !formatPipe\" #input\n [class.input-input-hidden]=\"useContent\"\n [ngClass]=\"align\"\n [type]=\"isWeekInputMode ? 'text' : (isFocusedOnDate || (hasValue && emptyPlace)) ? 'date' : (digitsOnly ? 'number' : (type === 'date' ? 'text' : type))\"\n [placeholder]=\"type === 'date' && !isFocusedOnDate ? '' : ''\"\n [pattern]=\"type === 'date' ? pattern : undefined\"\n [ngModel]=\"model\"\n [min]=\"(type === 'number' || type === 'date') && this.min ? this.min : undefined\"\n [max]=\"(type === 'number' || type === 'date') && this.max ? this.max : undefined\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (ngModelChange)=\"modelChange.emit($event)\"\n (keydown)=\"handleKeyDownInput($event)\"\n (keyup)=\"keyUp.emit($event)\"\n (focusin)=\"handleInputFocus($event)\"\n (focusout)=\"handleBlur($event)\"\n >\n <ng-container *ngIf=\"useContent\">\n <div class=\"input-content-wrapper\">\n <ng-content></ng-content>\n </div>\n </ng-container>\n <co-icon [class.show]=\"showClearButton && hasValue && !readonly\" class=\"input-text-clear-button\"\n [icon]=\"icons.CrossSkinny\" (click)=\"clearInput($event)\"></co-icon>\n <div class=\"required-indicator\"></div>\n </div>\n <div *ngIf=\"rightIcon || rightIconData\" class=\"spacer right-icon\"></div>\n <co-icon *ngIf=\"rightIcon || rightIconData\" class=\"input-text-right-icon\" [icon]=\"rightIcon\"\n [iconData]=\"rightIconData\"\n (click)=\"handleRightIconClick($event)\"\n (pointerdown)=\"handleRightIconPointerDown($event)\"\n (pointerup)=\"handleRightIconPointerUp($event)\"\n (pointercancel)=\"handleRightIconPointerUp($event)\"></co-icon>\n </div>\n <!--\n <co-commit-buttons *ngIf=\"showSaveCancel && focused && canSaveOrCancel\"\n [committing]=\"committing\"\n [commitFinished]=\"commitFinished\"\n (commitClick)=\"commitClick($event)\"\n (cancelClick)=\"cancelClick($event)\"\n >\n </co-commit-buttons>\n -->\n ",
|
|
6536
6554
|
providers: [
|
|
6537
6555
|
OverlayService, {
|
|
6538
6556
|
provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
|
|
@@ -6591,7 +6609,7 @@
|
|
|
6591
6609
|
hasLeftIcon: [{ type: i0.HostBinding, args: ['class.has-left-icon',] }],
|
|
6592
6610
|
hasRightIcon: [{ type: i0.HostBinding, args: ['class.has-right-icon',] }],
|
|
6593
6611
|
hasOwnLabel: [{ type: i0.HostBinding, args: ['class.has-own-label',] }],
|
|
6594
|
-
|
|
6612
|
+
handleDocumentPointerUp: [{ type: i0.HostListener, args: ['document:pointerup', ['$event'],] }, { type: i0.HostListener, args: ['document:pointercancel', ['$event'],] }],
|
|
6595
6613
|
model: [{ type: i0.Input }]
|
|
6596
6614
|
};
|
|
6597
6615
|
|
|
@@ -10805,24 +10823,14 @@
|
|
|
10805
10823
|
if (this._newRow) {
|
|
10806
10824
|
this.saveRow.next(this._newRowReference);
|
|
10807
10825
|
this._newRowReference = null; // clear
|
|
10826
|
+
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
10808
10827
|
}
|
|
10809
10828
|
else {
|
|
10810
10829
|
var index = -1; // existing row
|
|
10811
|
-
if (this.rowsPerPage) {
|
|
10812
|
-
index = (this.currentPage - 1) * this.rowsPerPage + this.editRowIndex;
|
|
10813
|
-
}
|
|
10814
|
-
else {
|
|
10815
|
-
index = this.editRowIndex;
|
|
10816
|
-
}
|
|
10817
10830
|
if (index >= 0 && index < this.data.length) {
|
|
10818
|
-
this.saveRow.next(this.data[
|
|
10831
|
+
this.saveRow.next(this.data[this.editRowIndex]);
|
|
10819
10832
|
}
|
|
10820
10833
|
}
|
|
10821
|
-
if (this.currentPage !== 1) {
|
|
10822
|
-
this.currentPage = 1;
|
|
10823
|
-
this.selectedRowIndex = -1;
|
|
10824
|
-
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
10825
|
-
}
|
|
10826
10834
|
this._newRow = false;
|
|
10827
10835
|
if (stopediting) {
|
|
10828
10836
|
this._resetEdit();
|
|
@@ -11916,11 +11924,11 @@
|
|
|
11916
11924
|
this.viewModels.length = 0;
|
|
11917
11925
|
this.viewModels = this.viewModelsMain.filter(function (vm) {
|
|
11918
11926
|
return Object.values(vm.model).some(function (value) {
|
|
11919
|
-
if (!_this.searchTerm
|
|
11927
|
+
if (!_this.searchTerm) {
|
|
11920
11928
|
return true;
|
|
11921
11929
|
}
|
|
11922
11930
|
else {
|
|
11923
|
-
return value.toString().toLowerCase().includes(_this.searchTerm.toLowerCase());
|
|
11931
|
+
return value && value.toString().toLowerCase().includes(_this.searchTerm.toLowerCase());
|
|
11924
11932
|
}
|
|
11925
11933
|
});
|
|
11926
11934
|
});
|
|
@@ -12888,6 +12896,7 @@
|
|
|
12888
12896
|
this.sliderDefaultMax = 100000;
|
|
12889
12897
|
this.fullRangeIsNull = false;
|
|
12890
12898
|
this.canFilterByCode = false;
|
|
12899
|
+
this.alwaysShowButton = false;
|
|
12891
12900
|
this.modelChange = new i0.EventEmitter();
|
|
12892
12901
|
this.collectionChange = new i0.EventEmitter();
|
|
12893
12902
|
this.filterButtonClicked = new i0.EventEmitter();
|
|
@@ -13124,6 +13133,7 @@
|
|
|
13124
13133
|
return true;
|
|
13125
13134
|
}
|
|
13126
13135
|
});
|
|
13136
|
+
this._sortCollectionByChecked();
|
|
13127
13137
|
this.isLoading = false;
|
|
13128
13138
|
this._changeDetector.detectChanges();
|
|
13129
13139
|
return [2 /*return*/];
|
|
@@ -13694,6 +13704,8 @@
|
|
|
13694
13704
|
var _a;
|
|
13695
13705
|
var modeWithoutCollection = this.mode === this.modes.DateField ||
|
|
13696
13706
|
this.mode === this.modes.DateRangeField ||
|
|
13707
|
+
this.mode === this.modes.TextField ||
|
|
13708
|
+
this.mode === this.modes.CheckboxToText ||
|
|
13697
13709
|
this.mode === this.modes.Slider;
|
|
13698
13710
|
var canApplyDefaults = (modeWithoutCollection || (!modeWithoutCollection && this.collection && this.collection.length > 0)) &&
|
|
13699
13711
|
this.defaultValue &&
|
|
@@ -13740,14 +13752,18 @@
|
|
|
13740
13752
|
this._applyDefaultForCheckbox();
|
|
13741
13753
|
break;
|
|
13742
13754
|
}
|
|
13755
|
+
this._sortCollectionByChecked();
|
|
13743
13756
|
this._defaultSet = true;
|
|
13744
13757
|
};
|
|
13758
|
+
FilterItemComponent.prototype._sortCollectionByChecked = function () {
|
|
13759
|
+
this.filteredCollection.sort(function (a, b) { return (a.checked === b.checked) ? 0 : a.checked ? -1 : 1; });
|
|
13760
|
+
};
|
|
13745
13761
|
return FilterItemComponent;
|
|
13746
13762
|
}());
|
|
13747
13763
|
FilterItemComponent.decorators = [
|
|
13748
13764
|
{ type: i0.Component, args: [{
|
|
13749
13765
|
selector: "co-filter-item",
|
|
13750
|
-
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)=\"onModelChange($event)\"\n [readonly]=\"readonly\"\n >\n </co-input-text>\n <div *ngIf=\"isLoading\" class=\"filter-loader\"><span></span></div>\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 [readonly]=\"readonly\"\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 [readonly]=\"readonly\"\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' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\n (modelChange)=\"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' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\n (modelChange)=\"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' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\n (modelChange)=\"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' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange(sliderMax)\"\n ></co-input-text>\n </div>\n <div class=\"co-filter-item-checkbox-content\" *ngIf=\"mode === modes.Checkbox
|
|
13766
|
+
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 || alwaysShowButton\"\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)=\"onModelChange($event)\"\n [readonly]=\"readonly\"\n >\n </co-input-text>\n <div *ngIf=\"isLoading\" class=\"filter-loader\"><span></span></div>\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 [readonly]=\"readonly\"\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 [readonly]=\"readonly\"\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' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\n (modelChange)=\"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' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\n (modelChange)=\"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' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\n (modelChange)=\"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' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\n (modelChange)=\"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 [clickableLabel]=\"false\"\n (modelChange)=\"handleModelChange($event)\"\n [readonly]=\"readonly\"\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 || mode === modes.CheckboxToTFSimpleText || mode === modes.CheckboxToTFText\">\n <co-input-checkbox\n [(model)]=\"checkBoxToTextModel\"\n [clickableLabel]=\"false\"\n (modelChange)=\"handleModelChange($event)\"\n [readonly]=\"readonly\"\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\" [readonly]=\"readonly\"\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 #dateInput\n [(model)]=\"dateFieldValue\" [readonly]=\"readonly\" [firstDayOfWeek]=\"firstDayOfWeek\"\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 [readonly]=\"readonly\" [firstDayOfWeek]=\"firstDayOfWeek\"\n #dateRangeInput\n [model]=\"[dateRangeStart, dateRangeEnd]\"\n (modelChange)=\"handleModelChange($event)\"\n [placeholder]=\"'Kies datum' | coreLocalize\">\n </co-input-date-range>\n </div>\n </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
13751
13767
|
encapsulation: i0.ViewEncapsulation.None,
|
|
13752
13768
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
13753
13769
|
providers: [{
|
|
@@ -13780,6 +13796,7 @@
|
|
|
13780
13796
|
fullRangeIsNull: [{ type: i0.Input }],
|
|
13781
13797
|
canFilterByCode: [{ type: i0.Input }],
|
|
13782
13798
|
firstDayOfWeek: [{ type: i0.Input }],
|
|
13799
|
+
alwaysShowButton: [{ type: i0.Input }],
|
|
13783
13800
|
model: [{ type: i0.Input }],
|
|
13784
13801
|
modelChange: [{ type: i0.Output }],
|
|
13785
13802
|
collectionChange: [{ type: i0.Output }],
|
|
@@ -13964,7 +13981,7 @@
|
|
|
13964
13981
|
function FilterItemViewmodel(code, description, checked, count, valueName) {
|
|
13965
13982
|
this.checked = false;
|
|
13966
13983
|
this.code = code;
|
|
13967
|
-
this.description = description
|
|
13984
|
+
this.description = description ? description.toString() : (code ? code.toString() : '');
|
|
13968
13985
|
this.checked = checked;
|
|
13969
13986
|
this.count = count;
|
|
13970
13987
|
this.valueName = valueName;
|