@colijnit/corecomponents_v12 12.2.11 → 12.2.13

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.
Files changed (30) hide show
  1. package/bundles/colijnit-corecomponents_v12.umd.js +66 -50
  2. package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
  3. package/colijnit-corecomponents_v12.d.ts +2 -2
  4. package/colijnit-corecomponents_v12.metadata.json +1 -1
  5. package/esm2015/colijnit-corecomponents_v12.js +3 -3
  6. package/esm2015/lib/components/co-dialog/co-dialog.component.js +3 -2
  7. package/esm2015/lib/components/filter-item/filter-item.component.js +145 -145
  8. package/esm2015/lib/components/input-date-range-picker/input-date-range-picker.component.js +14 -4
  9. package/esm2015/lib/components/validation-error/validation-error.component.js +6 -6
  10. package/esm2015/lib/directives/overlay/overlay.directive.js +18 -9
  11. package/esm2015/lib/translation/core-components-translation.module.js +6 -6
  12. package/esm2015/lib/translation/core-components-translation.service.js +3 -3
  13. package/esm2015/lib/translation/core-dictionary.service.js +29 -0
  14. package/esm2015/lib/translation/core-localize.pipe.js +26 -0
  15. package/fesm2015/colijnit-corecomponents_v12.js +209 -190
  16. package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
  17. package/lib/components/calendar/style/_layout.scss +1 -1
  18. package/lib/components/calendar/style/_material-definition.scss +1 -0
  19. package/lib/components/co-dialog/style/_layout.scss +8 -0
  20. package/lib/components/co-dialog/style/_material-definition.scss +1 -0
  21. package/lib/components/double-calendar/style/_layout.scss +1 -1
  22. package/lib/components/input-date-range-picker/input-date-range-picker.component.d.ts +5 -0
  23. package/lib/directives/overlay/overlay.directive.d.ts +1 -1
  24. package/lib/translation/core-components-translation.service.d.ts +2 -2
  25. package/lib/translation/{dictionary.service.d.ts → core-dictionary.service.d.ts} +1 -1
  26. package/lib/translation/core-localize.pipe.d.ts +7 -0
  27. package/package.json +1 -1
  28. package/esm2015/lib/translation/dictionary.service.js +0 -29
  29. package/esm2015/lib/translation/localize.pipe.js +0 -26
  30. package/lib/translation/localize.pipe.d.ts +0 -7
@@ -2034,7 +2034,7 @@
2034
2034
  ValidationErrorComponent.decorators = [
2035
2035
  { type: i0.Component, args: [{
2036
2036
  selector: "co-validation-error",
2037
- template: "\n <div class=\"validation-error-wrapper\" [overlay]=\"parentForOverlay\">\n <div class=\"validation-error-content\">\n <co-icon [iconData]=\"icons.getIcon(Icons.InformationRoundOpen)\"></co-icon>\n <div class=\"validation-error-message\" [textContent]=\"error | localize\"></div>\n </div>\n </div>\n ",
2037
+ template: "\n <div class=\"validation-error-wrapper\" [overlay]=\"parentForOverlay\">\n <div class=\"validation-error-content\">\n <co-icon [iconData]=\"icons.getIcon(Icons.InformationRoundOpen)\"></co-icon>\n <div class=\"validation-error-message\" [textContent]=\"error | coreLocalize\"></div>\n </div>\n </div>\n ",
2038
2038
  animations: [],
2039
2039
  encapsulation: i0.ViewEncapsulation.None
2040
2040
  },] }
@@ -4959,7 +4959,7 @@
4959
4959
  CoDialogComponent.decorators = [
4960
4960
  { type: i0.Component, args: [{
4961
4961
  selector: 'co-dialog',
4962
- template: "\n <div class=\"co-dialog-overlay\" (click)=\"handleOverlayClick($event)\"></div>\n <div class=\"co-dialog-placeholder\">\n <div class=\"co-dialog-wrapper\" [ngClass]=\"customCssClass ? customCssClass : undefined\" @showHideDialog cdkDrag>\n <div class=\"dialog-header\" *ngIf=\"!borderless\" cdkDragHandle>\n <div class=\"dialog-header-caption\" *ngIf=\"headerTemplate\">\n <ng-container [ngTemplateOutlet]=\"headerTemplate\"></ng-container>\n </div>\n <div class=\"dialog-close-button\" *ngIf=\"showCloseIcon\" (click)=\"handleCloseDialog($event)\">\n <co-icon [icon]=\"icons.CrossSkinny\"></co-icon>\n </div>\n </div>\n <div class=\"dialog-content co-small-scrollbar\" [ngClass]=\"customCssClass ? customCssClass : undefined\">\n <ng-content></ng-content>\n </div>\n <div class=\"dialog-footer\" *ngIf=\"footerTemplate\">\n <ng-container [ngTemplateOutlet]=\"footerTemplate\"></ng-container>\n </div>\n </div>\n </div>\n ",
4962
+ template: "\n <div class=\"co-dialog-overlay\" (click)=\"handleOverlayClick($event)\"></div>\n <div class=\"co-dialog-placeholder\">\n <div class=\"co-dialog-wrapper\" [ngClass]=\"customCssClass ? customCssClass : undefined\" @showHideDialog cdkDrag>\n <div *ngIf=\"!borderless\" class=\"dialog-drag-handle\" cdkDragHandle></div>\n <div class=\"dialog-header\" *ngIf=\"!borderless\">\n <div class=\"dialog-header-caption\" *ngIf=\"headerTemplate\">\n <ng-container [ngTemplateOutlet]=\"headerTemplate\"></ng-container>\n </div>\n <div class=\"dialog-close-button\" *ngIf=\"showCloseIcon\" (click)=\"handleCloseDialog($event)\">\n <co-icon [icon]=\"icons.CrossSkinny\"></co-icon>\n </div>\n </div>\n <div class=\"dialog-content co-small-scrollbar\" [ngClass]=\"customCssClass ? customCssClass : undefined\">\n <ng-content></ng-content>\n </div>\n <div class=\"dialog-footer\" *ngIf=\"footerTemplate\">\n <ng-container [ngTemplateOutlet]=\"footerTemplate\"></ng-container>\n </div>\n </div>\n </div>\n ",
4963
4963
  animations: [
4964
4964
  animations.trigger('showHideCoDialog', [
4965
4965
  animations.transition('void => *', [
@@ -5980,6 +5980,25 @@
5980
5980
  showClass: [{ type: i0.HostBinding, args: ['class.co-input-date',] }]
5981
5981
  };
5982
5982
 
5983
+ var OverlayParentDirective = /** @class */ (function () {
5984
+ function OverlayParentDirective(elementRef) {
5985
+ this.elementRef = elementRef;
5986
+ }
5987
+ OverlayParentDirective.prototype.ngOnDestroy = function () {
5988
+ this.elementRef = undefined;
5989
+ };
5990
+ return OverlayParentDirective;
5991
+ }());
5992
+ OverlayParentDirective.decorators = [
5993
+ { type: i0.Directive, args: [{
5994
+ selector: '[overlayParent]',
5995
+ exportAs: 'overlayParent'
5996
+ },] }
5997
+ ];
5998
+ OverlayParentDirective.ctorParameters = function () { return [
5999
+ { type: i0.ElementRef }
6000
+ ]; };
6001
+
5983
6002
  var OverlayDirective = /** @class */ (function () {
5984
6003
  function OverlayDirective(elementRef) {
5985
6004
  var _this = this;
@@ -6000,7 +6019,15 @@
6000
6019
  Object.defineProperty(OverlayDirective.prototype, "parent", {
6001
6020
  set: function (value) {
6002
6021
  if (value) {
6003
- this._parent = value instanceof i0.ElementRef ? value : value.elementRef;
6022
+ if (value instanceof i0.ElementRef) {
6023
+ this._parent = value.nativeElement;
6024
+ }
6025
+ else if (value instanceof OverlayParentDirective) {
6026
+ this._parent = value.elementRef.nativeElement;
6027
+ }
6028
+ else {
6029
+ this._parent = value;
6030
+ }
6004
6031
  }
6005
6032
  else {
6006
6033
  if (this._parent && this._resizeObserver) {
@@ -6045,14 +6072,14 @@
6045
6072
  root: null
6046
6073
  });
6047
6074
  if (this._parent) {
6048
- this._intersectionObserver.observe(this._parent.nativeElement); // observe parent for visibility
6075
+ this._intersectionObserver.observe(this._parent); // observe parent for visibility
6049
6076
  }
6050
6077
  this._resizeObserver.observe(document.body);
6051
6078
  };
6052
6079
  OverlayDirective.prototype._checkAndPlaceElement = function () {
6053
- if (this._elementRef && this._elementRef.nativeElement && this._parent && this._parent.nativeElement) {
6080
+ if (this._elementRef && this._elementRef.nativeElement && this._parent) {
6054
6081
  var elementRect = this._elementRef.nativeElement.getBoundingClientRect();
6055
- var parentBoundingRect = this._parent.nativeElement.getBoundingClientRect();
6082
+ var parentBoundingRect = this._parent.getBoundingClientRect();
6056
6083
  var parentRect = {};
6057
6084
  if (!this.inline) {
6058
6085
  parentRect = {
@@ -6065,10 +6092,10 @@
6065
6092
  }
6066
6093
  else {
6067
6094
  parentRect = {
6068
- bottom: this._parent.nativeElement.offsetTop + parentBoundingRect.height,
6069
- right: this._parent.nativeElement.offsetLeft + parentBoundingRect.width,
6070
- left: this._parent.nativeElement.offsetLeft,
6071
- top: this._parent.nativeElement.offsetTop,
6095
+ bottom: this._parent.offsetTop + parentBoundingRect.height,
6096
+ right: this._parent.offsetLeft + parentBoundingRect.width,
6097
+ left: this._parent.offsetLeft,
6098
+ top: this._parent.offsetTop,
6072
6099
  width: parentBoundingRect.width
6073
6100
  };
6074
6101
  }
@@ -6132,25 +6159,6 @@
6132
6159
  fullSize: [{ type: i0.Input }]
6133
6160
  };
6134
6161
 
6135
- var OverlayParentDirective = /** @class */ (function () {
6136
- function OverlayParentDirective(elementRef) {
6137
- this.elementRef = elementRef;
6138
- }
6139
- OverlayParentDirective.prototype.ngOnDestroy = function () {
6140
- this.elementRef = undefined;
6141
- };
6142
- return OverlayParentDirective;
6143
- }());
6144
- OverlayParentDirective.decorators = [
6145
- { type: i0.Directive, args: [{
6146
- selector: '[overlayParent]',
6147
- exportAs: 'overlayParent'
6148
- },] }
6149
- ];
6150
- OverlayParentDirective.ctorParameters = function () { return [
6151
- { type: i0.ElementRef }
6152
- ]; };
6153
-
6154
6162
  var OverlayModule = /** @class */ (function () {
6155
6163
  function OverlayModule() {
6156
6164
  }
@@ -6397,8 +6405,8 @@
6397
6405
  ];
6398
6406
 
6399
6407
  // The localization service, providing peers with text translation functionality.
6400
- var DictionaryService = /** @class */ (function () {
6401
- function DictionaryService() {
6408
+ var CoreDictionaryService = /** @class */ (function () {
6409
+ function CoreDictionaryService() {
6402
6410
  // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
6403
6411
  this._placeholder = "|~";
6404
6412
  }
@@ -6409,7 +6417,7 @@
6409
6417
  * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
6410
6418
  * @returns {string} The translated text for given dictionary key
6411
6419
  */
6412
- DictionaryService.prototype.get = function (key, upperCaseFirst) {
6420
+ CoreDictionaryService.prototype.get = function (key, upperCaseFirst) {
6413
6421
  if (upperCaseFirst === void 0) { upperCaseFirst = true; }
6414
6422
  var replacementTexts = [];
6415
6423
  for (var _i = 2; _i < arguments.length; _i++) {
@@ -6424,9 +6432,9 @@
6424
6432
  }
6425
6433
  return text;
6426
6434
  };
6427
- return DictionaryService;
6435
+ return CoreDictionaryService;
6428
6436
  }());
6429
- DictionaryService.decorators = [
6437
+ CoreDictionaryService.decorators = [
6430
6438
  { type: i0.Injectable }
6431
6439
  ];
6432
6440
 
@@ -6443,14 +6451,14 @@
6443
6451
  { type: i0.Injectable }
6444
6452
  ];
6445
6453
  CoreComponentsTranslationService.ctorParameters = function () { return [
6446
- { type: DictionaryService }
6454
+ { type: CoreDictionaryService }
6447
6455
  ]; };
6448
6456
 
6449
- var LocalizePipe = /** @class */ (function () {
6450
- function LocalizePipe(_dictionaryService) {
6457
+ var CoreLocalizePipe = /** @class */ (function () {
6458
+ function CoreLocalizePipe(_dictionaryService) {
6451
6459
  this._dictionaryService = _dictionaryService;
6452
6460
  }
6453
- LocalizePipe.prototype.transform = function (value, upperCaseFirst, replace) {
6461
+ CoreLocalizePipe.prototype.transform = function (value, upperCaseFirst, replace) {
6454
6462
  var _a;
6455
6463
  if (upperCaseFirst === void 0) { upperCaseFirst = true; }
6456
6464
  if (replace === void 0) { replace = []; }
@@ -6463,15 +6471,15 @@
6463
6471
  }
6464
6472
  return (_a = this._dictionaryService).get.apply(_a, __spreadArray([value, upperCaseFirst], __read(replace)));
6465
6473
  };
6466
- return LocalizePipe;
6474
+ return CoreLocalizePipe;
6467
6475
  }());
6468
- LocalizePipe.decorators = [
6476
+ CoreLocalizePipe.decorators = [
6469
6477
  { type: i0.Pipe, args: [{
6470
- name: "localize"
6478
+ name: "coreLocalize"
6471
6479
  },] }
6472
6480
  ];
6473
- LocalizePipe.ctorParameters = function () { return [
6474
- { type: DictionaryService }
6481
+ CoreLocalizePipe.ctorParameters = function () { return [
6482
+ { type: CoreDictionaryService }
6475
6483
  ]; };
6476
6484
 
6477
6485
  var CoreComponentsTranslationModule = /** @class */ (function () {
@@ -6490,14 +6498,14 @@
6490
6498
  CoreComponentsTranslationModule.decorators = [
6491
6499
  { type: i0.NgModule, args: [{
6492
6500
  declarations: [
6493
- LocalizePipe
6501
+ CoreLocalizePipe
6494
6502
  ],
6495
6503
  providers: [
6496
6504
  CoreComponentsTranslationService,
6497
- DictionaryService
6505
+ CoreDictionaryService
6498
6506
  ],
6499
6507
  exports: [
6500
- LocalizePipe
6508
+ CoreLocalizePipe
6501
6509
  ]
6502
6510
  },] }
6503
6511
  ];
@@ -7238,6 +7246,12 @@
7238
7246
  InputDateRangePickerComponent.prototype.showClass = function () {
7239
7247
  return true;
7240
7248
  };
7249
+ InputDateRangePickerComponent.prototype.handleFirstInputClick = function (event) {
7250
+ event.stopPropagation();
7251
+ };
7252
+ InputDateRangePickerComponent.prototype.handleSecondInputClick = function (event) {
7253
+ event.stopPropagation();
7254
+ };
7241
7255
  InputDateRangePickerComponent.prototype.handleDatesSelected = function (dates) {
7242
7256
  this.setModel(dates);
7243
7257
  };
@@ -7313,7 +7327,7 @@
7313
7327
  InputDateRangePickerComponent.decorators = [
7314
7328
  { type: i0.Component, args: [{
7315
7329
  selector: 'co-input-date-range',
7316
- template: "\n <div class=\"inputs-wrapper\" overlayParent #parentForOverlay=\"overlayParent\">\n <co-input-text 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 (blur)=\"handleFirstDateChanged(firstDateAsString)\"\n (clearIconClick)=\"clearDate(0)\"\n ></co-input-text>\n <co-input-text 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 (blur)=\"handleSecondDateChanged(secondDateAsString)\"\n (clearIconClick)=\"clearDate(1)\"\n ></co-input-text>\n </div>\n ",
7330
+ 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 (blur)=\"handleFirstDateChanged(firstDateAsString)\"\n (clearIconClick)=\"clearDate(0)\"\n (click)=\"handleFirstInputClick($event)\"\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 (blur)=\"handleSecondDateChanged(secondDateAsString)\"\n (clearIconClick)=\"clearDate(1)\"\n (click)=\"handleSecondInputClick($event)\"\n ></co-input-text>\n </div>\n ",
7317
7331
  providers: [
7318
7332
  OverlayService,
7319
7333
  {
@@ -7328,6 +7342,8 @@
7328
7342
  },] }
7329
7343
  ];
7330
7344
  InputDateRangePickerComponent.propDecorators = {
7345
+ firstInput: [{ type: i0.ViewChild, args: ['firstInput',] }],
7346
+ secondInput: [{ type: i0.ViewChild, args: ['secondInput',] }],
7331
7347
  showClass: [{ type: i0.HostBinding, args: ['class.co-input-date-range',] }]
7332
7348
  };
7333
7349
 
@@ -12236,7 +12252,7 @@
12236
12252
  FilterItemComponent.decorators = [
12237
12253
  { type: i0.Component, args: [{
12238
12254
  selector: "co-filter-item",
12239
- 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 ",
12255
+ 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 ",
12240
12256
  encapsulation: i0.ViewEncapsulation.None,
12241
12257
  changeDetection: i0.ChangeDetectionStrategy.OnPush
12242
12258
  },] }
@@ -13280,8 +13296,8 @@
13280
13296
  exports["ɵm"] = ValidationErrorModule;
13281
13297
  exports["ɵn"] = OverlayDirective;
13282
13298
  exports["ɵo"] = OverlayParentDirective;
13283
- exports["ɵp"] = LocalizePipe;
13284
- exports["ɵq"] = DictionaryService;
13299
+ exports["ɵp"] = CoreLocalizePipe;
13300
+ exports["ɵq"] = CoreDictionaryService;
13285
13301
  exports["ɵr"] = ValidationErrorComponent;
13286
13302
  exports["ɵs"] = CommitButtonsModule;
13287
13303
  exports["ɵt"] = CommitButtonsComponent;