@progress/kendo-angular-grid 20.1.0-develop.8 → 20.1.0

package/columns/column.component.d.ts

@@ -14,6 +14,7 @@ import { FilterCellTemplateDirective } from '../filtering/cell/filter-cell-templ
 import { FilterMenuTemplateDirective } from '../filtering/menu/filter-menu-template.directive';
 import { IdService } from '../common/id.service';
 import { FieldDataType } from '../common/field-datatype';
+import { FilterVariant, FilterVariantSettings } from '../filtering/filterable';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -72,6 +73,12 @@ export declare class ColumnComponent extends ColumnBase {
      * @default 'text'
      */
     filter: FieldDataType;
+    /**
+     * Specifies the filter type for the filter menu UI.
+     *
+     * @default 'default'
+     */
+    filterVariant: FilterVariant | FilterVariantSettings;
     /**
      * Shows or hides the filter UI for this column. [See example](slug:filtering_grid).
      *
@@ -101,5 +108,5 @@ export declare class ColumnComponent extends ColumnBase {
     get filterMenuTemplateRef(): TemplateRef<any>;
     get displayTitle(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnComponent, "kendo-grid-column", never, { "field": { "alias": "field"; "required": false; }; "format": { "alias": "format"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "groupable": { "alias": "groupable"; "required": false; }; "editor": { "alias": "editor"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; }, {}, ["template", "groupHeaderTemplate", "groupHeaderColumnTemplate", "groupFooterTemplate", "editTemplate", "filterCellTemplate", "filterMenuTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnComponent, "kendo-grid-column", never, { "field": { "alias": "field"; "required": false; }; "format": { "alias": "format"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "groupable": { "alias": "groupable"; "required": false; }; "editor": { "alias": "editor"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterVariant": { "alias": "filterVariant"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; }, {}, ["template", "groupHeaderTemplate", "groupHeaderColumnTemplate", "groupFooterTemplate", "editTemplate", "filterCellTemplate", "filterMenuTemplate"], never, true, never>;
 }

package/esm2022/columns/column.component.mjs

@@ -75,6 +75,12 @@ export class ColumnComponent extends ColumnBase {
      * @default 'text'
      */
     filter = 'text';
+    /**
+     * Specifies the filter type for the filter menu UI.
+     *
+     * @default 'default'
+     */
+    filterVariant = 'default';
     /**
      * Shows or hides the filter UI for this column. [See example](slug:filtering_grid).
      *
@@ -122,7 +128,7 @@ export class ColumnComponent extends ColumnBase {
         return this.title === undefined ? this.field : this.title;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnComponent, isStandalone: true, selector: "kendo-grid-column", inputs: { field: "field", format: "format", sortable: "sortable", groupable: "groupable", editor: "editor", filter: "filter", filterable: "filterable", editable: "editable" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnComponent, isStandalone: true, selector: "kendo-grid-column", inputs: { field: "field", format: "format", sortable: "sortable", groupable: "groupable", editor: "editor", filter: "filter", filterVariant: "filterVariant", filterable: "filterable", editable: "editable" }, providers: [
             {
                 provide: ColumnBase,
                 useExisting: forwardRef(() => ColumnComponent)
@@ -162,6 +168,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], filter: [{
                 type: Input
+            }], filterVariant: [{
+                type: Input
             }], filterable: [{
                 type: Input
             }], editable: [{

package/esm2022/common/clipboard.directive.mjs

@@ -136,6 +136,9 @@ export class GridClipboardDirective {
         const isPaste = operationType === 'paste';
         const pastedData = args.clipboardData.getData('text');
         const visibleCols = this.host.columns.toArray().filter(c => c.isVisible);
+        if (visibleCols.some(c => c.orderIndex > 0)) { // columns have been reordered
+            visibleCols.sort((a, b) => a.orderIndex - b.orderIndex);
+        }
         const data = isPaste ?
             {
                 dataString: pastedData,

package/esm2022/filtering/menu/filter-menu-container.component.mjs

@@ -14,6 +14,10 @@ import { FilterMenuHostDirective } from './filter-menu-host.directive';
 import { NgSwitch, NgSwitchCase, NgIf, NgTemplateOutlet, NgClass } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { AdaptiveGridService } from '../../common/adaptiveness.service';
+import { MultiCheckboxFilterComponent } from '../multicheckbox-filter.component';
+import { ButtonComponent } from '@progress/kendo-angular-buttons';
+import { filterClearIcon, filterIcon } from '@progress/kendo-svg-icons';
+import { areObjectsEqual } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../common/provider.service";
@@ -104,11 +108,11 @@ export class FilterMenuContainerComponent {
         return this._childFilter;
     }
     resetButton;
-    filterButton;
     _childFilter;
     subscription;
     _templateContext = {};
     _filter;
+    checkboxFilter;
     constructor(parentService, childService, ctx, cd, menuTabbingService, adaptiveGridService) {
         this.parentService = parentService;
         this.childService = childService;
@@ -134,7 +138,7 @@ export class FilterMenuContainerComponent {
         this.menuTabbingService.lastFocusable = undefined;
     }
     get disabled() {
-        return !this.childFilter.filters.some(validFilters);
+        return this.isMultiFilter ? this.areFiltersEqual : !this.childFilter.filters.some(validFilters);
     }
     get templateContext() {
         this._templateContext.column = this.column;
@@ -147,15 +151,20 @@ export class FilterMenuContainerComponent {
         return isPresent(this.column) && isPresent(this.column.filterMenuTemplateRef);
     }
     submit() {
-        const filter = trimFilters(this.childFilter);
-        if (filter.filters.length) {
-            const root = this.filter || {
-                filters: [],
-                logic: "and"
-            };
-            removeFilter(root, this.column.field);
-            root.filters.push(filter);
-            this.parentService.filter(root);
+        if (this.isMultiFilter) {
+            this.parentService.filter(this.checkboxFilter);
+        }
+        else {
+            const filter = trimFilters(this.childFilter);
+            if (filter.filters.length) {
+                const root = this.filter || {
+                    filters: [],
+                    logic: "and"
+                };
+                removeFilter(root, this.column.field);
+                root.filters.push(filter);
+                this.parentService.filter(root);
+            }
         }
         this.close.emit();
         return false;
@@ -183,29 +192,100 @@ export class FilterMenuContainerComponent {
             }
         }
     }
+    onCheckboxFilterChange(filter) {
+        this.checkboxFilter = filter;
+    }
+    getButtonIcon(buttonType, iconType) {
+        if (!this.isMultiFilter) {
+            return;
+        }
+        const icons = {
+            filter: {
+                icon: 'filter',
+                svgIcon: filterIcon
+            },
+            reset: {
+                icon: 'filter-clear',
+                svgIcon: filterClearIcon
+            }
+        };
+        return icons[buttonType]?.[iconType];
+    }
     get clearText() {
         return this.ctx.localization.get("filterClearButton");
     }
     get filterText() {
         return this.ctx.localization.get("filterFilterButton");
     }
+    get isMultiFilter() {
+        if (!isPresent(this.column?.filterVariant)) {
+            return false;
+        }
+        const filterVariant = this.column?.filterVariant;
+        return isPresent(filterVariant) && (filterVariant === 'multiCheckbox' || typeof filterVariant === 'object' && filterVariant.variant === 'multiCheckbox');
+    }
+    get areFiltersEqual() {
+        const checkboxFilter = this.checkboxFilter;
+        const gridFilter = this.filter;
+        const isComposite = (f) => !!f && Array.isArray(f.filters);
+        // Treat undefined and "empty (no inner filters)" as equivalent
+        const isEmptyComposite = (f) => isComposite(f) && f.filters.length === 0;
+        if (!checkboxFilter && !gridFilter) {
+            return true;
+        }
+        if ((!checkboxFilter && isEmptyComposite(gridFilter)) || (!gridFilter && isEmptyComposite(checkboxFilter))) {
+            return true;
+        }
+        if (!checkboxFilter || !gridFilter) {
+            return false;
+        }
+        const eq = (x, y) => {
+            const xIsComp = isComposite(x);
+            const yIsComp = isComposite(y);
+            if (xIsComp !== yIsComp) {
+                return false;
+            }
+            if (xIsComp) {
+                const xLogic = x.logic || 'and';
+                const yLogic = y.logic || 'and';
+                if (xLogic !== yLogic) {
+                    return false;
+                }
+                if (x.filters.length !== y.filters.length) {
+                    return false;
+                }
+                for (let i = 0; i < x.filters.length; i++) {
+                    if (!eq(x.filters[i], y.filters[i])) {
+                        return false;
+                    }
+                }
+                return true;
+            }
+            return areObjectsEqual(x, y);
+        };
+        return eq(checkboxFilter, gridFilter);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuContainerComponent, deps: [{ token: i1.FilterService, skipSelf: true }, { token: i1.FilterService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.MenuTabbingService }, { token: i4.AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuContainerComponent, isStandalone: true, selector: "kendo-grid-filter-menu-container", inputs: { column: "column", isLast: "isLast", isExpanded: "isExpanded", menuTabbingService: "menuTabbingService", filter: "filter", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [
             FilterService,
             MenuTabbingService
-        ], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true }], ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }], ngImport: i0, template: `
         <form (submit)="submit()" (reset)="reset()"
-            class="k-filter-menu">
+            class="k-filter-menu"
+            [ngClass]="{'k-popup k-group k-reset': isMultiFilter && !ctx.grid?.isActionSheetExpanded}">
             <div class="k-filter-menu-container">
                 <ng-container [ngSwitch]="hasTemplate">
                     <ng-container *ngSwitchCase="false">
-                        <ng-container
+                        <ng-container *ngIf="!isMultiFilter; else multiFilter"
                             kendoFilterMenuHost
                             [filterService]="childService"
                             [column]="column"
                             [filter]="childFilter"
                             [menuTabbingService]="menuTabbingService">
                         </ng-container>
+                        <ng-template #multiFilter>
+                            <kendo-grid-multicheckbox-filter [column]="column" (filterChange)="onCheckboxFilterChange($event)"></kendo-grid-multicheckbox-filter>
+                        </ng-template>
                     </ng-container>
                     <ng-container *ngSwitchCase="true">
                         <ng-template
@@ -217,20 +297,24 @@ export class FilterMenuContainerComponent {
                     </ng-container>
                 </ng-container>
                 <div *ngIf="!ctx.grid?.isActionSheetExpanded" [ngClass]="actionsClass">
-                    <button #filterButton
+                    <button #filterButton kendoButton
+                        themeColor="primary"
                         type="submit"
-                        class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
+                        [ngClass]="{'k-button-rectangle': !isMultiFilter}"
                         [disabled]="disabled"
+                        [icon]="getButtonIcon('filter', 'icon')"
+                        [svgIcon]="getButtonIcon('filter', 'svgIcon')"
                         (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
-                    <button
-                        #resetButton
+                    <button #resetButton kendoButton
                         type="reset"
-                        class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
+                        [ngClass]="{'k-button-rectangle': !isMultiFilter}"
+                        [icon]="getButtonIcon('reset', 'icon')"
+                        [svgIcon]="getButtonIcon('reset', 'svgIcon')"
                         (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
                 </div>
             </div>
         </form>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: ["filterService", "menuTabbingService"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: ["filterService", "menuTabbingService"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MultiCheckboxFilterComponent, selector: "kendo-grid-multicheckbox-filter", inputs: ["column"], outputs: ["filterChange"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuContainerComponent, decorators: [{
             type: Component,
@@ -242,17 +326,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-grid-filter-menu-container',
                     template: `
         <form (submit)="submit()" (reset)="reset()"
-            class="k-filter-menu">
+            class="k-filter-menu"
+            [ngClass]="{'k-popup k-group k-reset': isMultiFilter && !ctx.grid?.isActionSheetExpanded}">
             <div class="k-filter-menu-container">
                 <ng-container [ngSwitch]="hasTemplate">
                     <ng-container *ngSwitchCase="false">
-                        <ng-container
+                        <ng-container *ngIf="!isMultiFilter; else multiFilter"
                             kendoFilterMenuHost
                             [filterService]="childService"
                             [column]="column"
                             [filter]="childFilter"
                             [menuTabbingService]="menuTabbingService">
                         </ng-container>
+                        <ng-template #multiFilter>
+                            <kendo-grid-multicheckbox-filter [column]="column" (filterChange)="onCheckboxFilterChange($event)"></kendo-grid-multicheckbox-filter>
+                        </ng-template>
                     </ng-container>
                     <ng-container *ngSwitchCase="true">
                         <ng-template
@@ -264,22 +352,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     </ng-container>
                 </ng-container>
                 <div *ngIf="!ctx.grid?.isActionSheetExpanded" [ngClass]="actionsClass">
-                    <button #filterButton
+                    <button #filterButton kendoButton
+                        themeColor="primary"
                         type="submit"
-                        class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
+                        [ngClass]="{'k-button-rectangle': !isMultiFilter}"
                         [disabled]="disabled"
+                        [icon]="getButtonIcon('filter', 'icon')"
+                        [svgIcon]="getButtonIcon('filter', 'svgIcon')"
                         (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
-                    <button
-                        #resetButton
+                    <button #resetButton kendoButton
                         type="reset"
-                        class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
+                        [ngClass]="{'k-button-rectangle': !isMultiFilter}"
+                        [icon]="getButtonIcon('reset', 'icon')"
+                        [svgIcon]="getButtonIcon('reset', 'svgIcon')"
                         (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
                 </div>
             </div>
         </form>
     `,
                     standalone: true,
-                    imports: [FormsModule, NgSwitch, NgSwitchCase, FilterMenuHostDirective, NgIf, NgTemplateOutlet, NgClass]
+                    imports: [FormsModule, NgSwitch, NgSwitchCase, FilterMenuHostDirective, NgIf, NgTemplateOutlet, NgClass, MultiCheckboxFilterComponent, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.FilterService, decorators: [{
                     type: SkipSelf
@@ -300,7 +392,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], resetButton: [{
                 type: ViewChild,
                 args: ['resetButton', { static: false }]
-            }], filterButton: [{
-                type: ViewChild,
-                args: ['filterButton', { static: false }]
             }] } });

package/esm2022/filtering/menu/filter-menu.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NavigationService } from './../../navigation/navigation.service';
-import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, Optional, Renderer2, TemplateRef, ViewChild } from '@angular/core';
+import { ChangeDetectorRef, Component, ElementRef, Input, Optional, Renderer2, TemplateRef, ViewChild } from '@angular/core';
 import { FilterService } from "../filter.service";
 import { ColumnComponent } from '../../columns/column.component';
 import { SinglePopupService } from '../../common/single-popup.service';
@@ -35,7 +35,6 @@ export class FilterMenuComponent {
     renderer;
     cdr;
     adaptiveGridService;
-    zone;
     idService;
     filterIcon = filterIcon;
     /**
@@ -53,7 +52,7 @@ export class FilterMenuComponent {
     tabIndex = '-1';
     popupRef;
     popupSubs;
-    constructor(filterService, popupService, ctx, navigationService, renderer, cdr, adaptiveGridService, zone, idService) {
+    constructor(filterService, popupService, ctx, navigationService, renderer, cdr, adaptiveGridService, idService) {
         this.filterService = filterService;
         this.popupService = popupService;
         this.ctx = ctx;
@@ -61,7 +60,6 @@ export class FilterMenuComponent {
         this.renderer = renderer;
         this.cdr = cdr;
         this.adaptiveGridService = adaptiveGridService;
-        this.zone = zone;
         this.idService = idService;
     }
     ngOnDestroy() {
@@ -147,7 +145,7 @@ export class FilterMenuComponent {
             this.anchor.nativeElement.focus({ preventScroll: true });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.ContextService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.AdaptiveGridService }, { token: i0.NgZone }, { token: i6.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.ContextService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.AdaptiveGridService }, { token: i6.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuComponent, isStandalone: true, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
         <a #anchor
             class="k-grid-filter-menu k-grid-header-menu"
@@ -206,7 +204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [IconWrapperComponent, FilterMenuContainerComponent],
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.SinglePopupService }, { type: i3.ContextService }, { type: i4.NavigationService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i5.AdaptiveGridService }, { type: i0.NgZone }, { type: i6.IdService, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.SinglePopupService }, { type: i3.ContextService }, { type: i4.NavigationService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i5.AdaptiveGridService }, { type: i6.IdService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { column: [{
                 type: Input