@colijnit/corecomponents_v12 256.1.1 → 256.1.3
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 +41 -25
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12-255.1.14.tgz +0 -0
- package/colijnit-corecomponents_v12-255.1.15.tgz +0 -0
- package/colijnit-corecomponents_v12-255.1.16.tgz +0 -0
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/calendar/calendar-template.component.js +3 -7
- package/esm2015/lib/components/filter-item/filter-item.component.js +31 -7
- package/esm2015/lib/components/view-mode-buttons/view-mode-buttons.component.js +8 -5
- package/esm2015/lib/directives/screen-configuration/screen-configuration.directive.js +4 -4
- package/esm2015/lib/interfaces/screen-config-adapter.component.interface.js +1 -1
- package/fesm2015/colijnit-corecomponents_v12.js +40 -18
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/filter-item/filter-item.component.d.ts +14 -1
- package/lib/components/view-mode-buttons/view-mode-buttons.component.d.ts +1 -1
- package/lib/interfaces/screen-config-adapter.component.interface.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('rxjs'), require('@angular/platform-browser'), require('@angular/animations'), require('@angular/common'), require('@angular/common/http'), require('rxjs/operators'), require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@tweenjs/tween.js'), require('hammerjs'), require('@angular/cdk/drag-drop'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('xlsx'), require('@angular/cdk/scrolling'), require('@colijnit/ioneconnector/build/utils/array-utils'), require('@colijnit/ioneconnector/build/model/default-get-object-configurations-params'), require('@colijnit/ioneconnector/build/model/object-configuration')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@colijnit/corecomponents_v12', ['exports', '@angular/core', '@angular/forms', 'rxjs', '@angular/platform-browser', '@angular/animations', '@angular/common', '@angular/common/http', 'rxjs/operators', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@tweenjs/tween.js', 'hammerjs', '@angular/cdk/drag-drop', '@angular/cdk/overlay', '@angular/cdk/portal', 'xlsx', '@angular/cdk/scrolling', '@colijnit/ioneconnector/build/utils/array-utils', '@colijnit/ioneconnector/build/model/default-get-object-configurations-params', '@colijnit/ioneconnector/build/model/object-configuration'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.corecomponents_v12 = {}), global.ng.core, global.ng.forms, global.rxjs, global.ng.platformBrowser, global.ng.animations, global.ng.common, global.ng.common.http, global.rxjs.operators, global.three, global.CSS3DRenderer, global.TWEEN, null, global.ng.cdk.dragDrop, global.ng.cdk.overlay, global.ng.cdk.portal, global.XLSX, global.ng.cdk.scrolling, global.arrayUtils, global.defaultGetObjectConfigurationsParams, global.objectConfiguration));
|
|
5
|
-
})(this, (function (exports, i0, forms, rxjs, platformBrowser, animations, common, http, operators, three, CSS3DRenderer, TWEEN, hammerjs, dragDrop, i1, portal, XLSX, scrolling, arrayUtils, defaultGetObjectConfigurationsParams, objectConfiguration) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('rxjs'), require('@angular/platform-browser'), require('@angular/animations'), require('@angular/common'), require('@angular/common/http'), require('rxjs/operators'), require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@tweenjs/tween.js'), require('hammerjs'), require('@angular/cdk/drag-drop'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('xlsx'), require('@colijnit/ioneconnector/build/enum/user-right-type.enum'), require('@angular/cdk/scrolling'), require('@colijnit/ioneconnector/build/utils/array-utils'), require('@colijnit/ioneconnector/build/model/default-get-object-configurations-params'), require('@colijnit/ioneconnector/build/model/object-configuration')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@colijnit/corecomponents_v12', ['exports', '@angular/core', '@angular/forms', 'rxjs', '@angular/platform-browser', '@angular/animations', '@angular/common', '@angular/common/http', 'rxjs/operators', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@tweenjs/tween.js', 'hammerjs', '@angular/cdk/drag-drop', '@angular/cdk/overlay', '@angular/cdk/portal', 'xlsx', '@colijnit/ioneconnector/build/enum/user-right-type.enum', '@angular/cdk/scrolling', '@colijnit/ioneconnector/build/utils/array-utils', '@colijnit/ioneconnector/build/model/default-get-object-configurations-params', '@colijnit/ioneconnector/build/model/object-configuration'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.corecomponents_v12 = {}), global.ng.core, global.ng.forms, global.rxjs, global.ng.platformBrowser, global.ng.animations, global.ng.common, global.ng.common.http, global.rxjs.operators, global.three, global.CSS3DRenderer, global.TWEEN, null, global.ng.cdk.dragDrop, global.ng.cdk.overlay, global.ng.cdk.portal, global.XLSX, global.userRightType_enum, global.ng.cdk.scrolling, global.arrayUtils, global.defaultGetObjectConfigurationsParams, global.objectConfiguration));
|
|
5
|
+
})(this, (function (exports, i0, forms, rxjs, platformBrowser, animations, common, http, operators, three, CSS3DRenderer, TWEEN, hammerjs, dragDrop, i1, portal, XLSX, userRightType_enum, scrolling, arrayUtils, defaultGetObjectConfigurationsParams, objectConfiguration) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -6871,12 +6871,8 @@
|
|
|
6871
6871
|
return this._selectedDate;
|
|
6872
6872
|
},
|
|
6873
6873
|
set: function (date) {
|
|
6874
|
-
|
|
6875
|
-
if (date) {
|
|
6876
|
-
date = new Date(date);
|
|
6877
|
-
this._selectedDate = !!date ? new Date(date === null || date === void 0 ? void 0 : date.getFullYear(), date === null || date === void 0 ? void 0 : date.getMonth(), date === null || date === void 0 ? void 0 : date.getDate()) : date;
|
|
6878
|
-
}
|
|
6879
|
-
if (this.secondSelectedDate && date && ((_a = this.secondSelectedDate) === null || _a === void 0 ? void 0 : _a.getTime()) < ((_b = this.selectedDate) === null || _b === void 0 ? void 0 : _b.getTime()) && this.temporarySelectedSecondaryDate) {
|
|
6874
|
+
this._selectedDate = !!date ? new Date(date.getFullYear(), date.getMonth(), date.getDate()) : date;
|
|
6875
|
+
if (this.secondSelectedDate && date && this.secondSelectedDate.getTime() < this.selectedDate.getTime() && this.temporarySelectedSecondaryDate) {
|
|
6880
6876
|
this.daysToHighlight = [];
|
|
6881
6877
|
}
|
|
6882
6878
|
},
|
|
@@ -7053,12 +7049,12 @@
|
|
|
7053
7049
|
}
|
|
7054
7050
|
};
|
|
7055
7051
|
CalendarTemplateComponent.prototype.handleMouseOverDay = function (day) {
|
|
7056
|
-
var
|
|
7052
|
+
var _a, _b;
|
|
7057
7053
|
var _this = this;
|
|
7058
7054
|
if (this.highlightDaysBetweenDates && day && (this.selectedDate || this.secondSelectedDate) && !(this.selectedDate && this.secondSelectedDate) && !(this.selectedDate && !this.temporarySelectedSecondaryDate && !this.secondSelectedDate)) {
|
|
7059
7055
|
this.daysToHighlight = [];
|
|
7060
7056
|
if (this.daysUnixTimestamps.includes(day.getTime())) {
|
|
7061
|
-
(
|
|
7057
|
+
(_a = this.daysToHighlight).push.apply(_a, __spreadArray([], __read(this.daysInMonth.map(function (dayInMonth) {
|
|
7062
7058
|
if (_this.selectedDate) {
|
|
7063
7059
|
if (dayInMonth &&
|
|
7064
7060
|
// day in the month is after selected date and day in the month is before the hovering day
|
|
@@ -7078,7 +7074,7 @@
|
|
|
7078
7074
|
}))));
|
|
7079
7075
|
}
|
|
7080
7076
|
else {
|
|
7081
|
-
(
|
|
7077
|
+
(_b = this.daysToHighlight).push.apply(_b, __spreadArray([], __read(this.daysInMonth.map(function (day) {
|
|
7082
7078
|
if (day > _this.selectedDate) {
|
|
7083
7079
|
return day;
|
|
7084
7080
|
}
|
|
@@ -7088,11 +7084,11 @@
|
|
|
7088
7084
|
this.hoveringDate.next(day);
|
|
7089
7085
|
};
|
|
7090
7086
|
CalendarTemplateComponent.prototype._fillDatesBetweenSelected = function () {
|
|
7091
|
-
var
|
|
7087
|
+
var _a;
|
|
7092
7088
|
var _this = this;
|
|
7093
7089
|
if (this.selectedDate && this.secondSelectedDate) {
|
|
7094
7090
|
this.daysToHighlight = [];
|
|
7095
|
-
(
|
|
7091
|
+
(_a = this.daysToHighlight).push.apply(_a, __spreadArray([], __read(this.daysInMonth.map(function (dayInMonth) {
|
|
7096
7092
|
if (dayInMonth && (dayInMonth > _this.selectedDate && dayInMonth < _this.secondSelectedDate) || (dayInMonth > _this.secondSelectedDate && dayInMonth < _this.selectedDate)) {
|
|
7097
7093
|
return dayInMonth;
|
|
7098
7094
|
}
|
|
@@ -11191,9 +11187,6 @@
|
|
|
11191
11187
|
this.showViewModes = [this.viewModes.List, this.viewModes.Grid, this.viewModes.Tiles];
|
|
11192
11188
|
this.viewModeChange = new i0.EventEmitter();
|
|
11193
11189
|
}
|
|
11194
|
-
ViewModeButtonsComponent.prototype.showClass = function () {
|
|
11195
|
-
return true;
|
|
11196
|
-
};
|
|
11197
11190
|
Object.defineProperty(ViewModeButtonsComponent.prototype, "activeViewMode", {
|
|
11198
11191
|
get: function () {
|
|
11199
11192
|
return this._activeViewMode;
|
|
@@ -11205,8 +11198,13 @@
|
|
|
11205
11198
|
enumerable: false,
|
|
11206
11199
|
configurable: true
|
|
11207
11200
|
});
|
|
11201
|
+
ViewModeButtonsComponent.prototype.showClass = function () {
|
|
11202
|
+
return true;
|
|
11203
|
+
};
|
|
11208
11204
|
ViewModeButtonsComponent.prototype.ngOnInit = function () {
|
|
11209
|
-
this.activeViewMode
|
|
11205
|
+
if (!this.activeViewMode) {
|
|
11206
|
+
this.activeViewMode = this.showViewModes.includes(exports.ContentViewMode.List) ? exports.ContentViewMode.List : this.showViewModes[0];
|
|
11207
|
+
}
|
|
11210
11208
|
};
|
|
11211
11209
|
return ViewModeButtonsComponent;
|
|
11212
11210
|
}());
|
|
@@ -11223,6 +11221,7 @@
|
|
|
11223
11221
|
ViewModeButtonsComponent.propDecorators = {
|
|
11224
11222
|
showViewModes: [{ type: i0.Input }],
|
|
11225
11223
|
viewModeChange: [{ type: i0.Output }],
|
|
11224
|
+
activeViewMode: [{ type: i0.Input }],
|
|
11226
11225
|
showClass: [{ type: i0.HostBinding, args: ["class.co-view-mode-buttons",] }]
|
|
11227
11226
|
};
|
|
11228
11227
|
|
|
@@ -12353,6 +12352,18 @@
|
|
|
12353
12352
|
enumerable: false,
|
|
12354
12353
|
configurable: true
|
|
12355
12354
|
});
|
|
12355
|
+
Object.defineProperty(FilterItemComponent.prototype, "configObject", {
|
|
12356
|
+
get: function () {
|
|
12357
|
+
return this._configObject;
|
|
12358
|
+
},
|
|
12359
|
+
set: function (value) {
|
|
12360
|
+
this._configObject = value;
|
|
12361
|
+
this.expanded = (this._configObject.rights === userRightType_enum.UserRightType.ReadWrite);
|
|
12362
|
+
this.hidden = (this._configObject.rights < userRightType_enum.UserRightType.Read);
|
|
12363
|
+
},
|
|
12364
|
+
enumerable: false,
|
|
12365
|
+
configurable: true
|
|
12366
|
+
});
|
|
12356
12367
|
FilterItemComponent.prototype.ngOnInit = function () {
|
|
12357
12368
|
this.setToInitialLimit();
|
|
12358
12369
|
this.showButton = this.valueSelected();
|
|
@@ -12797,9 +12808,13 @@
|
|
|
12797
12808
|
FilterItemComponent.decorators = [
|
|
12798
12809
|
{ type: i0.Component, args: [{
|
|
12799
12810
|
selector: "co-filter-item",
|
|
12800
|
-
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' | coreLocalize\"\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' | coreLocalize\"\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' | coreLocalize\"\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' | coreLocalize\"\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' | coreLocalize\">\n </co-input-date-range>\n </div>\n </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
12811
|
+
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 [readonly]=\"readonly\"\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 [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 ",
|
|
12801
12812
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12802
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
12813
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12814
|
+
providers: [{
|
|
12815
|
+
provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
|
|
12816
|
+
useExisting: i0.forwardRef(function () { return FilterItemComponent; })
|
|
12817
|
+
}]
|
|
12803
12818
|
},] }
|
|
12804
12819
|
];
|
|
12805
12820
|
FilterItemComponent.ctorParameters = function () { return [
|
|
@@ -12828,7 +12843,8 @@
|
|
|
12828
12843
|
modelChange: [{ type: i0.Output }],
|
|
12829
12844
|
collectionChange: [{ type: i0.Output }],
|
|
12830
12845
|
filterButtonClicked: [{ type: i0.Output }],
|
|
12831
|
-
filteredCollection: [{ type: i0.HostBinding, args: ["class.co-filter-item",] }]
|
|
12846
|
+
filteredCollection: [{ type: i0.HostBinding, args: ["class.co-filter-item",] }],
|
|
12847
|
+
hidden: [{ type: i0.HostBinding, args: ['class.co-hidden',] }]
|
|
12832
12848
|
};
|
|
12833
12849
|
|
|
12834
12850
|
// A pipe for prepending strings to other strings in view templates.
|
|
@@ -13867,14 +13883,14 @@
|
|
|
13867
13883
|
var myCfgObj = this._configService.getObjectConfigurationFor(this.screenConfigurationObject);
|
|
13868
13884
|
if (myCfgObj) {
|
|
13869
13885
|
this._setHostVisible(myCfgObj.immediatelyVisible());
|
|
13870
|
-
// if (this.hostComponent instanceof GridColumnComponent) {
|
|
13871
|
-
// this.hostComponent.rights = myCfgObj.rights;
|
|
13872
|
-
// }
|
|
13873
13886
|
if (!this.screenConfigNativeElement) {
|
|
13874
13887
|
this.hostComponent.required = myCfgObj.isRequired();
|
|
13875
13888
|
this.hostComponent.readonly = this.hostComponent.forceReadonly || this._moduleInReadonlyMode() || myCfgObj.isReadonly();
|
|
13876
13889
|
this.hostComponent.decimals = myCfgObj.scale;
|
|
13877
13890
|
this.hostComponent.maxLength = myCfgObj.maxLength;
|
|
13891
|
+
if ('configObject' in this.hostComponent) {
|
|
13892
|
+
this.hostComponent.configObject = myCfgObj;
|
|
13893
|
+
}
|
|
13878
13894
|
}
|
|
13879
13895
|
}
|
|
13880
13896
|
else {
|