@colijnit/corecomponents_v12 258.1.18 → 258.1.20

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    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')) :
-    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) :
-    (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));
-})(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';
+    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('@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')) :
+    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', '@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) :
+    (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.userRightType_enum, global.ng.cdk.scrolling, global.arrayUtils, global.defaultGetObjectConfigurationsParams, global.objectConfiguration));
+})(this, (function (exports, i0, forms, rxjs, platformBrowser, animations, common, http, operators, three, CSS3DRenderer, TWEEN, hammerjs, dragDrop, i1, portal, userRightType_enum, scrolling, arrayUtils, defaultGetObjectConfigurationsParams, objectConfiguration) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -25,7 +25,6 @@
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var TWEEN__namespace = /*#__PURE__*/_interopNamespace(TWEEN);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var XLSX__namespace = /*#__PURE__*/_interopNamespace(XLSX);
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -9961,6 +9960,7 @@
             this.headerColumns = [];
             this.headerColumnsCopy = [];
             this._data = [];
+            this._exportData = [];
             this.disabledRows = [];
             this._prepared = false;
         }
@@ -9984,6 +9984,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(BaseSimpleGridComponent.prototype, "exportData", {
+            get: function () {
+                return this._exportData;
+            },
+            set: function (value) {
+                this._exportData = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(BaseSimpleGridComponent.prototype, "extraColumns", {
             set: function (value) {
                 this._setColumns(value);
@@ -10092,6 +10102,7 @@
     BaseSimpleGridComponent.propDecorators = {
         content: [{ type: i0.ContentChildren, args: [SimpleGridColumnDirective,] }],
         data: [{ type: i0.Input }],
+        exportData: [{ type: i0.Input }],
         dragDropEnabled: [{ type: i0.Input }],
         resizable: [{ type: i0.Input }],
         inlineEdit: [{ type: i0.Input }],
@@ -10111,150 +10122,13 @@
         handleMouseUp: [{ type: i0.HostListener, args: ['document:mouseup', ['$event'],] }]
     };
 
-    var ExcelExportService = /** @class */ (function () {
-        function ExcelExportService() {
-        }
-        /**
-         * Export data to Excel file
-         * @param data - Array of objects to export
-         * @param columns - Column configuration (optional)
-         * @param fileName - Name of the exported file
-         * @param sheetName - Name of the Excel sheet
-         */
-        ExcelExportService.prototype.exportToExcel = function (data, columns, fileName, sheetName) {
-            var _this = this;
-            if (fileName === void 0) { fileName = 'export'; }
-            if (sheetName === void 0) { sheetName = 'Sheet1'; }
-            // If columns are specified, transform data to match column structure
-            var exportData = data;
-            if (columns && columns.length > 0) {
-                exportData = data.map(function (item) {
-                    var newItem = {};
-                    columns.forEach(function (col) {
-                        newItem[col.header] = _this.getFlatValue(item, col.key);
-                    });
-                    return newItem;
-                });
-            }
-            // Create workbook and worksheet
-            var wb = XLSX__namespace.utils.book_new();
-            var ws = XLSX__namespace.utils.json_to_sheet(exportData);
-            // Set column widths if specified
-            if (columns && columns.some(function (col) { return col.width; })) {
-                var colWidths = columns.map(function (col) { return ({ wch: col.width || 20 }); });
-                ws['!cols'] = colWidths;
-            }
-            // Add worksheet to workbook
-            XLSX__namespace.utils.book_append_sheet(wb, ws, sheetName);
-            // Save file
-            XLSX__namespace.writeFile(wb, fileName + ".xlsx");
-        };
-        /**
-         * Export multiple sheets to one Excel file
-         * @param sheets - Array of sheet data
-         * @param fileName - Name of the exported file
-         */
-        ExcelExportService.prototype.exportMultipleSheets = function (sheets, fileName) {
-            var _this = this;
-            if (fileName === void 0) { fileName = 'multi-sheet-export'; }
-            var wb = XLSX__namespace.utils.book_new();
-            sheets.forEach(function (sheet) {
-                var exportData = sheet.data;
-                if (sheet.columns && sheet.columns.length > 0) {
-                    exportData = sheet.data.map(function (item) {
-                        var newItem = {};
-                        sheet.columns.forEach(function (col) {
-                            newItem[col.header] = _this.getNestedValue(item, col.key);
-                        });
-                        return newItem;
-                    });
-                }
-                var ws = XLSX__namespace.utils.json_to_sheet(exportData);
-                if (sheet.columns && sheet.columns.some(function (col) { return col.width; })) {
-                    var colWidths = sheet.columns.map(function (col) { return ({ wch: col.width || 20 }); });
-                    ws['!cols'] = colWidths;
-                }
-                XLSX__namespace.utils.book_append_sheet(wb, ws, sheet.sheetName);
-            });
-            XLSX__namespace.writeFile(wb, fileName + ".xlsx");
-        };
-        /**
-         * Export HTML table to Excel
-         * @param tableId - ID of the HTML table element
-         * @param fileName - Name of the exported file
-         * @param sheetName - Name of the Excel sheet
-         */
-        ExcelExportService.prototype.exportTableToExcel = function (tableId, fileName, sheetName) {
-            if (fileName === void 0) { fileName = 'table-export'; }
-            if (sheetName === void 0) { sheetName = 'Sheet1'; }
-            var table = document.getElementById(tableId);
-            if (!table) {
-                console.error("Table with ID '" + tableId + "' not found");
-                return;
-            }
-            var wb = XLSX__namespace.utils.book_new();
-            var ws = XLSX__namespace.utils.table_to_sheet(table);
-            XLSX__namespace.utils.book_append_sheet(wb, ws, sheetName);
-            XLSX__namespace.writeFile(wb, fileName + ".xlsx");
-        };
-        /**
-         * Get nested object value using dot notation
-         * @param obj - Object to search in
-         * @param path - Dot notation path (e.g., 'user.address.city')
-         */
-        ExcelExportService.prototype.getNestedValue = function (obj, path) {
-            return path.split('.').reduce(function (current, key) {
-                return current && current[key] !== undefined ? current[key] : '';
-            }, obj);
-        };
-        ExcelExportService.prototype.getFlatValue = function (obj, key) {
-            return obj && obj[key] !== undefined ? obj[key] : '';
-        };
-        /**
-         * Format date for Excel export
-         * @param date - Date to format
-         * @param format - Format string (default: 'MM/DD/YYYY')
-         */
-        ExcelExportService.prototype.formatDateForExport = function (date, format) {
-            if (format === void 0) { format = 'MM/DD/YYYY'; }
-            if (!date) {
-                return '';
-            }
-            var d = new Date(date);
-            if (isNaN(d.getTime())) {
-                return '';
-            }
-            var month = (d.getMonth() + 1).toString().padStart(2, '0');
-            var day = d.getDate().toString().padStart(2, '0');
-            var year = d.getFullYear();
-            switch (format) {
-                case 'MM/DD/YYYY':
-                    return month + "/" + day + "/" + year;
-                case 'DD/MM/YYYY':
-                    return day + "/" + month + "/" + year;
-                case 'YYYY-MM-DD':
-                    return year + "-" + month + "-" + day;
-                default:
-                    return d.toLocaleDateString();
-            }
-        };
-        return ExcelExportService;
-    }());
-    ExcelExportService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ExcelExportService_Factory() { return new ExcelExportService(); }, token: ExcelExportService, providedIn: "root" });
-    ExcelExportService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-
     var SimpleGridComponent = /** @class */ (function (_super) {
         __extends(SimpleGridComponent, _super);
-        function SimpleGridComponent(icons, _changeDetection, _formMaster, excelExportService) {
+        function SimpleGridComponent(icons, _changeDetection, _formMaster) {
             var _this = _super.call(this) || this;
             _this.icons = icons;
             _this._changeDetection = _changeDetection;
             _this._formMaster = _formMaster;
-            _this.excelExportService = excelExportService;
             _this.defaultTextAlign = exports.ColumnAlign.Left;
             _this.showAdd = false;
             _this.showDelete = false;
@@ -10627,7 +10501,7 @@
         };
         SimpleGridComponent.prototype.exportToExcel = function () {
             this.isSettingsMenuOpen = false;
-            var exportData = this._filterSelectedOrReturnAll(this.data);
+            var exportData = this.exportData.length > 0 ? this._filterSelectedOrReturnAll(this.exportData) : this._filterSelectedOrReturnAll(this.data);
             var columns = this.headerColumnsCopy.map(function (column) {
                 return ({
                     key: column.field,
@@ -10872,8 +10746,7 @@
     SimpleGridComponent.ctorParameters = function () { return [
         { type: IconCacheService },
         { type: i0.ChangeDetectorRef },
-        { type: FormMasterService },
-        { type: ExcelExportService }
+        { type: FormMasterService }
     ]; };
     SimpleGridComponent.propDecorators = {
         headerCells: [{ type: i0.ViewChildren, args: ['headerCell',] }],
@@ -13389,7 +13262,7 @@
     FilterItemComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-filter-item",
-                    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                                  #dateInput\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                                  #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  ",
+                    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 \">\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                                  #dateInput\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                                  #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  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [{
@@ -15569,22 +15442,21 @@
     exports.showHideDialog = showHideDialog;
     exports["ɵa"] = InputBoolean;
     exports["ɵb"] = RippleModule;
-    exports["ɵba"] = ObserveVisibilityDirective;
-    exports["ɵbb"] = PaginationService;
-    exports["ɵbc"] = PaginatePipe;
-    exports["ɵbd"] = SimpleGridCellComponent;
-    exports["ɵbe"] = ListOfValuesMultiselectPopupComponent;
-    exports["ɵbf"] = ConfirmationDialogComponent;
-    exports["ɵbg"] = DialogBaseComponent;
-    exports["ɵbh"] = CoreDynamicComponentService;
-    exports["ɵbi"] = PrependPipeModule;
-    exports["ɵbj"] = PrependPipe;
-    exports["ɵbk"] = CheckmarkOverlayComponent;
-    exports["ɵbl"] = ScannerService;
-    exports["ɵbm"] = TooltipModule;
-    exports["ɵbn"] = TooltipComponent;
-    exports["ɵbo"] = TooltipDirective;
-    exports["ɵbp"] = HourSchedulingTestObjectComponent;
+    exports["ɵba"] = PaginationService;
+    exports["ɵbb"] = PaginatePipe;
+    exports["ɵbc"] = SimpleGridCellComponent;
+    exports["ɵbd"] = ListOfValuesMultiselectPopupComponent;
+    exports["ɵbe"] = ConfirmationDialogComponent;
+    exports["ɵbf"] = DialogBaseComponent;
+    exports["ɵbg"] = CoreDynamicComponentService;
+    exports["ɵbh"] = PrependPipeModule;
+    exports["ɵbi"] = PrependPipe;
+    exports["ɵbj"] = CheckmarkOverlayComponent;
+    exports["ɵbk"] = ScannerService;
+    exports["ɵbl"] = TooltipModule;
+    exports["ɵbm"] = TooltipComponent;
+    exports["ɵbn"] = TooltipDirective;
+    exports["ɵbo"] = HourSchedulingTestObjectComponent;
     exports["ɵc"] = MD_RIPPLE_GLOBAL_OPTIONS;
     exports["ɵd"] = CoRippleDirective;
     exports["ɵe"] = CoViewportRulerService;
@@ -15608,7 +15480,7 @@
     exports["ɵw"] = CalendarTemplateComponent;
     exports["ɵx"] = PopupShowerService;
     exports["ɵy"] = BaseSimpleGridComponent;
-    exports["ɵz"] = ExcelExportService;
+    exports["ɵz"] = ObserveVisibilityDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });