@colijnit/corecomponents_v12 256.1.17 → 256.1.19
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 +102 -34
- 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 +8 -1
- package/esm2015/lib/components/button/button.component.js +1 -1
- package/esm2015/lib/components/filter-item/filter-item.component.js +6 -3
- package/esm2015/lib/components/input-date-picker/input-date-picker.component.js +20 -2
- package/esm2015/lib/components/input-date-range-picker/input-date-range-picker.component.js +65 -30
- package/esm2015/lib/components/list-of-values/list-of-values.module.js +1 -2
- package/esm2015/lib/directives/screen-configuration/screen-configuration.directive.js +2 -1
- package/esm2015/lib/interfaces/screen-config-adapter.component.interface.js +1 -1
- package/esm2015/lib/service/base-module-screen-config.service.js +2 -2
- package/fesm2015/colijnit-corecomponents_v12.js +97 -34
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/base/base-input.component.d.ts +4 -0
- package/lib/components/button/button.component.d.ts +2 -0
- package/lib/components/calendar/style/_layout.scss +14 -14
- package/lib/components/calendar/style/_material-definition.scss +3 -3
- package/lib/components/filter-item/filter-item.component.d.ts +3 -0
- package/lib/components/input-date-picker/input-date-picker.component.d.ts +2 -0
- package/lib/components/input-date-range-picker/input-date-range-picker.component.d.ts +5 -0
- package/lib/interfaces/screen-config-adapter.component.interface.d.ts +2 -0
- package/package.json +1 -1
|
@@ -2358,6 +2358,16 @@
|
|
|
2358
2358
|
enumerable: false,
|
|
2359
2359
|
configurable: true
|
|
2360
2360
|
});
|
|
2361
|
+
Object.defineProperty(BaseInputComponent.prototype, "defaultValue", {
|
|
2362
|
+
get: function () {
|
|
2363
|
+
return this._defaultValue;
|
|
2364
|
+
},
|
|
2365
|
+
set: function (defaultValue) {
|
|
2366
|
+
this._defaultValue = defaultValue;
|
|
2367
|
+
},
|
|
2368
|
+
enumerable: false,
|
|
2369
|
+
configurable: true
|
|
2370
|
+
});
|
|
2361
2371
|
Object.defineProperty(BaseInputComponent.prototype, "readonly", {
|
|
2362
2372
|
get: function () {
|
|
2363
2373
|
return this.forceReadonly || this._readonly;
|
|
@@ -3145,6 +3155,7 @@
|
|
|
3145
3155
|
businessObjectId: [{ type: i0.Input }],
|
|
3146
3156
|
disabled: [{ type: i0.Input }],
|
|
3147
3157
|
maxLength: [{ type: i0.Input }],
|
|
3158
|
+
defaultValue: [{ type: i0.Input }],
|
|
3148
3159
|
forcedMaxLength: [{ type: i0.Input }],
|
|
3149
3160
|
readonly: [{ type: i0.Input }],
|
|
3150
3161
|
forceReadonly: [{ type: i0.Input }],
|
|
@@ -5968,6 +5979,23 @@
|
|
|
5968
5979
|
this.overlayService.removeComponent(this._calendarComponentRef);
|
|
5969
5980
|
}
|
|
5970
5981
|
};
|
|
5982
|
+
InputDatePickerComponent.prototype.finalizeDate = function () {
|
|
5983
|
+
if (this.isValidDateString(this.modelAsString)) {
|
|
5984
|
+
var _a = __read(this.modelAsString.split('-').map(Number), 3), year = _a[0], month = _a[1], day = _a[2];
|
|
5985
|
+
var date = new Date(year, month - 1, day);
|
|
5986
|
+
this.setModel(date);
|
|
5987
|
+
}
|
|
5988
|
+
};
|
|
5989
|
+
InputDatePickerComponent.prototype.isValidDateString = function (value) {
|
|
5990
|
+
var regex = /^\d{4}-\d{2}-\d{2}$/;
|
|
5991
|
+
if (!regex.test(value))
|
|
5992
|
+
return false;
|
|
5993
|
+
var _a = __read(value.split('-').map(Number), 3), year = _a[0], month = _a[1], day = _a[2];
|
|
5994
|
+
var date = new Date(year, month - 1, day);
|
|
5995
|
+
return (date.getFullYear() === year &&
|
|
5996
|
+
date.getMonth() === month - 1 &&
|
|
5997
|
+
date.getDate() === day);
|
|
5998
|
+
};
|
|
5971
5999
|
InputDatePickerComponent.prototype.handleDateChange = function (value) {
|
|
5972
6000
|
if (value) {
|
|
5973
6001
|
this.setModel(new Date(value));
|
|
@@ -5995,7 +6023,7 @@
|
|
|
5995
6023
|
InputDatePickerComponent.decorators = [
|
|
5996
6024
|
{ type: i0.Component, args: [{
|
|
5997
6025
|
selector: 'co-input-date',
|
|
5998
|
-
template: "\n <co-input-text (clickOutside)=\"toggleCalendar(false)\" overlayParent #parentForOverlay=\"overlayParent\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly\"\n [(model)]=\"modelAsString\"\n [rightIcon]=\"rightIcon\"\n [leftIcon]=\"leftIcon\"\n [leftIconData]=\"leftIconData\"\n [pattern]=\"'yyyy-MM-dd'\"\n [type]=\"'date'\"\n [placeholder]=\"placeholder\"\n (leftIconClick)=\"leftIconClick.emit($event)\"\n (rightIconClick)=\"toggleCalendar(true)\"\n (
|
|
6026
|
+
template: "\n <co-input-text (clickOutside)=\"toggleCalendar(false)\" overlayParent #parentForOverlay=\"overlayParent\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly\"\n [(model)]=\"modelAsString\"\n [rightIcon]=\"rightIcon\"\n [leftIcon]=\"leftIcon\"\n [leftIconData]=\"leftIconData\"\n [pattern]=\"'yyyy-MM-dd'\"\n [type]=\"'date'\"\n [placeholder]=\"placeholder\"\n (leftIconClick)=\"leftIconClick.emit($event)\"\n (rightIconClick)=\"toggleCalendar(true)\"\n (modelChange)=\"modelAsString = $event\"\n (clearIconClick)=\"handleClearIconClicked()\"\n [emptyPlace]=\"true\"\n (keyup.enter)=\"finalizeDate()\"\n ></co-input-text>\n ",
|
|
5999
6027
|
providers: [
|
|
6000
6028
|
OverlayService, {
|
|
6001
6029
|
provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return InputDatePickerComponent; })
|
|
@@ -7380,7 +7408,10 @@
|
|
|
7380
7408
|
var InputDateRangePickerComponent = /** @class */ (function (_super) {
|
|
7381
7409
|
__extends(InputDateRangePickerComponent, _super);
|
|
7382
7410
|
function InputDateRangePickerComponent() {
|
|
7383
|
-
|
|
7411
|
+
var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
|
|
7412
|
+
_this.EARLIEST_DATE = new Date(1900, 0, 1); // 1900-01-01
|
|
7413
|
+
_this.LATEST_DATE = new Date(2100, 11, 31); // 2100-12-31
|
|
7414
|
+
return _this;
|
|
7384
7415
|
}
|
|
7385
7416
|
InputDateRangePickerComponent.prototype.showClass = function () {
|
|
7386
7417
|
return true;
|
|
@@ -7423,50 +7454,80 @@
|
|
|
7423
7454
|
}
|
|
7424
7455
|
};
|
|
7425
7456
|
InputDateRangePickerComponent.prototype.handleFirstDateChanged = function (value) {
|
|
7426
|
-
|
|
7427
|
-
|
|
7428
|
-
|
|
7457
|
+
var _this = this;
|
|
7458
|
+
setTimeout(function () {
|
|
7459
|
+
var _a, _b;
|
|
7460
|
+
if (_this.isValidDateString(value)) {
|
|
7461
|
+
var _c = __read(value.split('-').map(Number), 3), year = _c[0], month = _c[1], day = _c[2];
|
|
7462
|
+
var date = new Date(year, month - 1, day);
|
|
7463
|
+
if (!_this.model)
|
|
7464
|
+
_this.setModel([]);
|
|
7465
|
+
_this.setModel([date, (_b = (_a = _this.model) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : null]);
|
|
7429
7466
|
}
|
|
7430
|
-
|
|
7431
|
-
}
|
|
7467
|
+
});
|
|
7432
7468
|
};
|
|
7433
7469
|
InputDateRangePickerComponent.prototype.handleSecondDateChanged = function (value) {
|
|
7434
|
-
|
|
7435
|
-
|
|
7436
|
-
|
|
7470
|
+
var _this = this;
|
|
7471
|
+
setTimeout(function () {
|
|
7472
|
+
var _a, _b;
|
|
7473
|
+
if (_this.isValidDateString(value)) {
|
|
7474
|
+
var _c = __read(value.split('-').map(Number), 3), year = _c[0], month = _c[1], day = _c[2];
|
|
7475
|
+
var date = new Date(year, month - 1, day);
|
|
7476
|
+
if (!_this.model)
|
|
7477
|
+
_this.setModel([]);
|
|
7478
|
+
_this.setModel([(_b = (_a = _this.model) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null, date]);
|
|
7437
7479
|
}
|
|
7438
|
-
|
|
7480
|
+
});
|
|
7481
|
+
};
|
|
7482
|
+
InputDateRangePickerComponent.prototype.finalizeDates = function () {
|
|
7483
|
+
var startDate = this.EARLIEST_DATE;
|
|
7484
|
+
var endDate = this.LATEST_DATE;
|
|
7485
|
+
if (this.isValidDateString(this.firstDateAsString)) {
|
|
7486
|
+
var _c = __read(this.firstDateAsString.split('-').map(Number), 3), y = _c[0], m = _c[1], d = _c[2];
|
|
7487
|
+
startDate = new Date(y, m - 1, d);
|
|
7488
|
+
}
|
|
7489
|
+
if (this.isValidDateString(this.secondDateAsString)) {
|
|
7490
|
+
var _d = __read(this.secondDateAsString.split('-').map(Number), 3), y = _d[0], m = _d[1], d = _d[2];
|
|
7491
|
+
endDate = new Date(y, m - 1, d);
|
|
7439
7492
|
}
|
|
7493
|
+
this.setModel([startDate, endDate]);
|
|
7494
|
+
};
|
|
7495
|
+
InputDateRangePickerComponent.prototype.isValidDateString = function (value) {
|
|
7496
|
+
var regex = /^\d{4}-\d{2}-\d{2}$/;
|
|
7497
|
+
if (!regex.test(value))
|
|
7498
|
+
return false;
|
|
7499
|
+
var _c = __read(value.split('-'), 3), yearStr = _c[0], monthStr = _c[1], dayStr = _c[2];
|
|
7500
|
+
var _d = __read([Number(yearStr), Number(monthStr), Number(dayStr)], 3), year = _d[0], month = _d[1], day = _d[2];
|
|
7501
|
+
// Prevent ancient years or too-far future
|
|
7502
|
+
if (year < 1900 || year > 2100)
|
|
7503
|
+
return false;
|
|
7504
|
+
var date = new Date(year, month - 1, day);
|
|
7505
|
+
return (date.getFullYear() === year &&
|
|
7506
|
+
date.getMonth() === month - 1 &&
|
|
7507
|
+
date.getDate() === day);
|
|
7440
7508
|
};
|
|
7441
7509
|
InputDateRangePickerComponent.prototype.modelSet = function () {
|
|
7442
7510
|
this.setModelAsString();
|
|
7443
7511
|
};
|
|
7444
7512
|
InputDateRangePickerComponent.prototype.setModelAsString = function () {
|
|
7445
|
-
|
|
7446
|
-
|
|
7447
|
-
|
|
7448
|
-
|
|
7449
|
-
|
|
7450
|
-
|
|
7451
|
-
|
|
7452
|
-
|
|
7453
|
-
}
|
|
7454
|
-
|
|
7455
|
-
|
|
7456
|
-
var month = this.model[1].toLocaleString("default", { month: "2-digit" });
|
|
7457
|
-
var day = this.model[1].toLocaleString("default", { day: "2-digit" });
|
|
7458
|
-
this.secondDateAsString = year + "-" + month + "-" + day;
|
|
7459
|
-
}
|
|
7460
|
-
else {
|
|
7461
|
-
this.secondDateAsString = "";
|
|
7462
|
-
}
|
|
7513
|
+
var _a, _b;
|
|
7514
|
+
var isStartDefault = ((_a = this.model[0]) === null || _a === void 0 ? void 0 : _a.getTime()) === this.EARLIEST_DATE.getTime();
|
|
7515
|
+
var isEndDefault = ((_b = this.model[1]) === null || _b === void 0 ? void 0 : _b.getTime()) === this.LATEST_DATE.getTime();
|
|
7516
|
+
this.firstDateAsString = (!this.model[0] || isStartDefault) ? '' : this.formatDate(this.model[0]);
|
|
7517
|
+
this.secondDateAsString = (!this.model[1] || isEndDefault) ? '' : this.formatDate(this.model[1]);
|
|
7518
|
+
};
|
|
7519
|
+
InputDateRangePickerComponent.prototype.formatDate = function (date) {
|
|
7520
|
+
var year = date.toLocaleString("default", { year: "numeric" });
|
|
7521
|
+
var month = date.toLocaleString("default", { month: "2-digit" });
|
|
7522
|
+
var day = date.toLocaleString("default", { day: "2-digit" });
|
|
7523
|
+
return year + "-" + month + "-" + day;
|
|
7463
7524
|
};
|
|
7464
7525
|
return InputDateRangePickerComponent;
|
|
7465
7526
|
}(BaseInputDatePickerDirective));
|
|
7466
7527
|
InputDateRangePickerComponent.decorators = [
|
|
7467
7528
|
{ type: i0.Component, args: [{
|
|
7468
7529
|
selector: 'co-input-date-range',
|
|
7469
|
-
template: "\n <div class=\"inputs-wrapper\" overlayParent #parentForOverlay=\"overlayParent\">\n <co-input-text #firstInput class=\"no-focus-line custom-height\"\n [(model)]=\"firstDateAsString\"\n [noClickFocus]=\"true\"\n [pattern]=\"'yyyy-MM-dd'\"\n [type]=\"'date'\"\n [leftIcon]=\"leftIcon\"\n [leftIconData]=\"leftIconData\"\n [placeholder]=\"placeholder\"\n (
|
|
7530
|
+
template: "\n <div class=\"inputs-wrapper\" overlayParent #parentForOverlay=\"overlayParent\">\n <co-input-text #firstInput class=\"no-focus-line custom-height\"\n [(model)]=\"firstDateAsString\"\n [noClickFocus]=\"true\"\n [pattern]=\"'yyyy-MM-dd'\"\n [type]=\"'date'\"\n [leftIcon]=\"leftIcon\"\n [leftIconData]=\"leftIconData\"\n [placeholder]=\"placeholder\"\n (modelChange)=\"handleFirstDateChanged(firstDateAsString)\"\n (clearIconClick)=\"clearDate(0)\"\n (click)=\"handleFirstInputClick($event)\"\n [emptyPlace]=\"true\"\n (keyup.enter)=\"finalizeDates()\"\n ></co-input-text>\n <co-input-text #secondInput class=\"no-focus-line custom-height\"\n [(model)]= \"secondDateAsString\"\n [noClickFocus]=\"true\"\n [pattern]=\"'yyyy-MM-dd'\"\n [type]=\"'date'\"\n [rightIcon]=\"rightIcon\"\n (rightIconClick)=\"toggleCalendar()\"\n (modelChange)=\"handleSecondDateChanged(secondDateAsString)\"\n (clearIconClick)=\"clearDate(1)\"\n (click)=\"handleSecondInputClick($event)\"\n [emptyPlace]=\"true\"\n (keyup.enter)=\"finalizeDates()\"\n ></co-input-text>\n </div>\n ",
|
|
7470
7531
|
providers: [
|
|
7471
7532
|
OverlayService,
|
|
7472
7533
|
{
|
|
@@ -11925,7 +11986,6 @@
|
|
|
11925
11986
|
OverlayModule,
|
|
11926
11987
|
ClickoutsideModule,
|
|
11927
11988
|
IconModule,
|
|
11928
|
-
InputTextModule,
|
|
11929
11989
|
InputSearchModule
|
|
11930
11990
|
],
|
|
11931
11991
|
declarations: [
|
|
@@ -12473,6 +12533,13 @@
|
|
|
12473
12533
|
enumerable: false,
|
|
12474
12534
|
configurable: true
|
|
12475
12535
|
});
|
|
12536
|
+
Object.defineProperty(FilterItemComponent.prototype, "hasClass", {
|
|
12537
|
+
get: function () {
|
|
12538
|
+
return true; // Ensures it never gets removed
|
|
12539
|
+
},
|
|
12540
|
+
enumerable: false,
|
|
12541
|
+
configurable: true
|
|
12542
|
+
});
|
|
12476
12543
|
FilterItemComponent.prototype.ngOnInit = function () {
|
|
12477
12544
|
this.setToInitialLimit();
|
|
12478
12545
|
this.showButton = this.valueSelected();
|
|
@@ -12932,7 +12999,7 @@
|
|
|
12932
12999
|
FilterItemComponent.decorators = [
|
|
12933
13000
|
{ type: i0.Component, args: [{
|
|
12934
13001
|
selector: "co-filter-item",
|
|
12935
|
-
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 (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' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\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' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\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' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\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 [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\">\n <co-input-checkbox\n [(model)]=\"checkBoxToTextModel\"\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 [(model)]=\"model\" [readonly]=\"readonly\"\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\"\n [model]=\"[dateRangeStart, dateRangeEnd]\"\n (modelChange)=\"handleModelChange($event)\"\n [placeholder]=\"'SELECT_DATE' | coreLocalize\">\n </co-input-date-range>\n </div>\n </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
13002
|
+
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 (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' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\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' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\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' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\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 [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\">\n <co-input-checkbox\n [(model)]=\"checkBoxToTextModel\"\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 [(model)]=\"model\" [readonly]=\"readonly\"\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\"\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 ",
|
|
12936
13003
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12937
13004
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12938
13005
|
providers: [{
|
|
@@ -12967,7 +13034,7 @@
|
|
|
12967
13034
|
modelChange: [{ type: i0.Output }],
|
|
12968
13035
|
collectionChange: [{ type: i0.Output }],
|
|
12969
13036
|
filterButtonClicked: [{ type: i0.Output }],
|
|
12970
|
-
|
|
13037
|
+
hasClass: [{ type: i0.HostBinding, args: ["class.co-filter-item",] }],
|
|
12971
13038
|
hidden: [{ type: i0.HostBinding, args: ['class.co-hidden',] }]
|
|
12972
13039
|
};
|
|
12973
13040
|
|
|
@@ -13793,7 +13860,7 @@
|
|
|
13793
13860
|
};
|
|
13794
13861
|
BaseModuleScreenConfigService.prototype.getDefaultValue = function (configName) {
|
|
13795
13862
|
var objectConfig = this._objectConfigsMap.get(configName);
|
|
13796
|
-
return objectConfig ? objectConfig.
|
|
13863
|
+
return objectConfig ? objectConfig.defaultValue : undefined;
|
|
13797
13864
|
};
|
|
13798
13865
|
BaseModuleScreenConfigService.prototype.getDefaultStringValue = function (configName) {
|
|
13799
13866
|
var objectConfig = this._objectConfigsMap.get(configName);
|
|
@@ -14030,6 +14097,7 @@
|
|
|
14030
14097
|
this.hostComponent.readonly = this.hostComponent.forceReadonly || this._moduleInReadonlyMode() || myCfgObj.isReadonly();
|
|
14031
14098
|
this.hostComponent.decimals = myCfgObj.scale;
|
|
14032
14099
|
this.hostComponent.maxLength = myCfgObj.maxLength;
|
|
14100
|
+
this.hostComponent.defaultValue = myCfgObj.defaultValue;
|
|
14033
14101
|
if ('configObject' in this.hostComponent) {
|
|
14034
14102
|
this.hostComponent.configObject = myCfgObj;
|
|
14035
14103
|
}
|