@progress/kendo-angular-dropdowns 6.0.3-dev.202203091003 → 7.0.0-dev.202204150727

package/esm2015/comboboxes/multicolumncombobox.component.js

@@ -0,0 +1,653 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChildren, forwardRef, HostBinding, Inject, isDevMode, ViewChild } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { isDocumentAvailable, KendoInput } from '@progress/kendo-angular-common';
+import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
+import { ComboBoxComponent } from './combobox.component';
+import { ComboBoxColumnComponent } from './combobox-column/combobox-column.component';
+import { DataService } from '../common/data.service';
+import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
+import { NavigationService } from '../common/navigation/navigation.service';
+import { SelectionService } from '../common/selection/selection.service';
+import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
+import { getSizeClass, getter, isObject, isPresent, noop } from '../common/util';
+import { getRowWidthFromColumnsMeta, scrollbarWidth } from './combobox-column/util';
+import { FilterableComponent } from '../common/filtering/filterable-component';
+import { MultiColumnComboBoxMessages } from '../common/constants/error-messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@progress/kendo-angular-popup";
+import * as i3 from "../common/selection/selection.service";
+import * as i4 from "../common/navigation/navigation.service";
+import * as i5 from "../common/disabled-items/disabled-items.service";
+import * as i6 from "../common/data.service";
+import * as i7 from "../common/searchbar.component";
+import * as i8 from "../common/list.component";
+import * as i9 from "@progress/kendo-angular-common";
+import * as i10 from "../common/localization/localized-messages.directive";
+import * as i11 from "@angular/common";
+import * as i12 from "../common/templates/template-context.directive";
+/**
+ * Represents the [Kendo UI MultiColumnComboBox component for Angular]({% slug overview_multicolumncombobox %}).
+ */
+export class MultiColumnComboBoxComponent extends ComboBoxComponent {
+    constructor(localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, wrapper, touchEnabled) {
+        super(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, touchEnabled);
+        /**
+         * @hidden
+         */
+        this.hostClasses = true;
+        this.removeWindowResizeListener = noop;
+        // the row height in @progress/kendo-theme-default
+        this.defaultVirtualItemHeight = 36;
+        // use a smaller virtual page size as columns with multiple cells can cause poor performance
+        this.defaultVirtualPageSize = 30;
+    }
+    /**
+     * @hidden
+     */
+    get isDisabled() {
+        return this.disabled;
+    }
+    /**
+     * @hidden
+     */
+    set header(header) {
+        // updates the header padding on initial render as the resize senzor doesn't kick in as early
+        this.updateHeaderPadding(header && header.nativeElement);
+    }
+    get popupWidth() {
+        const wrapperOffsetWidth = this.wrapper.nativeElement.offsetWidth;
+        const min = `${wrapperOffsetWidth}px`;
+        const width = this.popupSettings.width || getRowWidthFromColumnsMeta(this.columns) || wrapperOffsetWidth;
+        const max = isNaN(width) ? width : `${width}px`;
+        return { min, max };
+    }
+    /**
+     * @hidden
+     */
+    get tableSizeClass() {
+        return `${this.size ? getSizeClass('table', this.size) : ''}`;
+    }
+    /**
+     * @hidden
+     */
+    get listContainerClasses() {
+        return [
+            'k-popup',
+            'k-dropdowngrid-popup'
+        ].concat(this.popupSettings.popupClass || []);
+    }
+    ngAfterViewInit() {
+        this.updateColumnsMediaState();
+        this.addWindowResizeListener();
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.removeWindowResizeListener();
+    }
+    /**
+     * @hidden
+     */
+    textFrom(dataItem, field) {
+        return getter(dataItem, field);
+    }
+    /**
+     * @hidden
+     *
+     * Adds or removes a padding value at the end of the header container equal to the size of the scrollbar.
+     * As when the items container has a scrollbar, the column headers and the cells are misaligned.
+     * When the container has a scrollbar, the padding style is added, and when there is none - it is removed.
+     */
+    updateHeaderPadding(header) {
+        if (!isPresent(header)) {
+            return;
+        }
+        // the scrollbar is rendered on the left in rtl
+        const headerPaddingPosition = this.localization.rtl ? 'padding-left' : 'padding-right';
+        if (this.optionsList.hasScrollbar() && scrollbarWidth() > 0) {
+            this.renderer.setStyle(header, headerPaddingPosition, `${scrollbarWidth()}px`);
+        }
+        else {
+            this.renderer.removeStyle(header, headerPaddingPosition);
+        }
+    }
+    verifySettings() {
+        if (!isDevMode()) {
+            return;
+        }
+        if (isPresent(this.data) && this.data.length > 0 && this.data.some(item => !isObject(item))) {
+            throw new Error(MultiColumnComboBoxMessages.data);
+        }
+        if (!isPresent(this.valueField) || !isPresent(this.textField)) {
+            throw new Error(MultiColumnComboBoxMessages.textAndValue);
+        }
+        super.verifySettings();
+    }
+    addWindowResizeListener() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        this.zone.runOutsideAngular(() => this.removeWindowResizeListener = this.renderer.listen(window, 'resize', this.updateColumnsMediaState.bind(this)));
+    }
+    updateColumnsMediaState() {
+        if (!(isPresent(this.columns) && isDocumentAvailable())) {
+            return;
+        }
+        this.columns.forEach(column => {
+            const matchesMedia = !column.media || window.matchMedia(column.media).matches;
+            if (column.matchesMedia !== matchesMedia) {
+                column.matchesMedia = matchesMedia;
+                if (this.isOpen) {
+                    // enter the zone only if the popup is actually open
+                    // update its width in case it's dependent on the columns' width
+                    this.zone.run(() => this.popupRef.popupElement.style.width = this.popupWidth.max);
+                }
+            }
+        });
+    }
+}
+MultiColumnComboBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiColumnComboBoxComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TOUCH_ENABLED }], target: i0.ɵɵFactoryTarget.Component });
+MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MultiColumnComboBoxComponent, selector: "kendo-multicolumncombobox", host: { properties: { "class.k-dropdowngrid": "this.hostClasses", "class.k-disabled": "this.isDisabled" } }, providers: [
+        SelectionService,
+        DataService,
+        NavigationService,
+        DisabledItemsService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.multicolumncombobox'
+        },
+        {
+            multi: true,
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => MultiColumnComboBoxComponent)
+        },
+        {
+            provide: KendoInput,
+            useExisting: forwardRef(() => MultiColumnComboBoxComponent)
+        },
+        {
+            provide: FilterableComponent,
+            useExisting: forwardRef(() => MultiColumnComboBoxComponent)
+        }
+    ], queries: [{ propertyName: "columns", predicate: ComboBoxColumnComponent }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <ng-container
+            kendoMultiColumnComboBoxLocalizedMessages
+
+            i18n-noDataText="kendo.multicolumncombobox.noDataText|The text displayed in the popup when there are no items"
+            noDataText="NO DATA FOUND"
+
+            i18n-clearTitle="kendo.multicolumncombobox.clearTitle|The title of the clear button"
+            clearTitle="clear"
+        >
+        </ng-container>
+        <kendo-searchbar
+            #searchbar
+            [role]="'combobox'"
+            [id]="focusableId"
+            [listId]="listBoxId"
+            [activeDescendant]="activeDescendant"
+            [noDataLabel]="noDataLabel"
+            [userInput]="text"
+            [suggestedText]="getSuggestion()"
+            [disabled]="disabled"
+            [readonly]="readonly"
+            [tabIndex]="tabIndex"
+            [popupOpen]="isOpen"
+            [placeholder]="placeholder"
+            (onNavigate)="handleNavigate($event)"
+            (valueChange)="searchBarChange($event)"
+            (onBlur)="handleBlur()"
+            (onFocus)="handleFocus()"
+        >
+        </kendo-searchbar>
+
+        <span
+            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
+            class="k-clear-value"
+            [style.visibility]="clearButtonVisiblity"
+            aria-hidden="true"
+            [attr.title]="messageFor('clearTitle')"
+            (click)="clearValue($event)"
+            [kendoEventsOutsideAngular]="{
+                mousedown: preventEventDefault
+            }"
+        >
+            <span class="k-icon k-i-x"></span>
+        </span>
+
+        <button
+            #select
+            tabindex="-1"
+            aria-hidden="true"
+            unselectable="on"
+            type="button"
+            class="k-input-button k-button k-icon-button"
+            [ngClass]="selectButtonClasses"
+            [attr.aria-label]="messageFor('selectButtonText')"
+            [kendoEventsOutsideAngular]="{
+                mousedown: preventEventDefault
+            }"
+        >
+            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
+        </button>
+
+        <ng-template #popupTemplate>
+            <!--user-defined header template -->
+            <ng-template
+                *ngIf="headerTemplate"
+                [templateContext]="{
+                    templateRef: headerTemplate?.templateRef
+                }"
+            >
+            </ng-template>
+
+            <!--data table-->
+            <div class="k-data-table" [ngClass]="tableSizeClass">
+
+                <!--grid header-->
+                <div
+                    #header
+                    class="k-table-header"
+                >
+                    <div class="k-table-header-wrap">
+                        <table class="k-table" role="presentation">
+                            <colgroup>
+                                <ng-container *ngFor="let column of columns">
+                                    <col
+                                        *ngIf="!column.hidden && column.matchesMedia"
+                                        [style.width.px]="column.width"
+                                    />
+                                </ng-container>
+                            </colgroup>
+                            <thead class="k-table-thead">
+                                <tr class="k-table-row">
+                                    <ng-container *ngFor="let column of columns">
+                                        <th
+                                            *ngIf="!column.hidden && column.matchesMedia"
+                                            class="k-table-th"
+                                            [ngStyle]="column.headerStyle"
+                                            [ngClass]="column.headerClass"
+                                        >
+                                            <ng-container *ngIf="!column.headerTemplate">
+                                                {{ column.title || column.field }}
+                                            </ng-container>
+                                            <ng-template
+                                                *ngIf="column.headerTemplate"
+                                                [templateContext]="{
+                                                    templateRef: column.headerTemplate?.templateRef,
+                                                    $implicit: column,
+                                                    column: column
+                                                }"
+                                            >
+                                            </ng-template>
+                                        </th>
+                                    </ng-container>
+                                </tr>
+                            </thead>
+                        </table>
+                    </div>
+                </div>
+
+                <!-- item template -->
+                <ng-template #rowTemplate let-dataItem>
+                    <ng-container *ngFor="let column of columns">
+                        <span
+                            *ngIf="!column.hidden && column.matchesMedia"
+                            class="k-table-td"
+                            [ngClass]="column.class"
+                            [style.width.px]="column.width"
+                            [ngStyle]="column.style"
+                        >
+                            <ng-container *ngIf="!column.cellTemplate">
+                                {{ textFrom(dataItem, column.field) }}
+                            </ng-container>
+                            <ng-template
+                                *ngIf="column.cellTemplate"
+                                [templateContext]="{
+                                    templateRef: column.cellTemplate?.templateRef,
+                                    $implicit: dataItem,
+                                    dataItem: dataItem,
+                                    column: column
+                                }"
+                            >
+                            </ng-template>
+                        </span>
+                    </ng-container>
+                </ng-template>
+
+                <!--list-->
+                <kendo-list
+                    #optionsList
+                    [id]="listBoxId"
+                    [optionPrefix]="optionPrefix"
+                    [data]="data"
+                    [textField]="textField"
+                    [valueField]="valueField"
+                    [template]="{ templateRef: rowTemplate }"
+                    [groupTemplate]="groupTemplate"
+                    [fixedGroupTemplate]="fixedGroupTemplate"
+                    [height]="listHeight"
+                    [show]="isOpen"
+                    [virtual]="virtual"
+                    [type]="'dropdowngrid'"
+                    (pageChange)="pageChange($event)"
+                    (listResize)="updateHeaderPadding(header)"
+                >
+                </kendo-list>
+
+                <!--no-data template-->
+                <div
+                    class="k-no-data"
+                    *ngIf="data.length === 0"
+                >
+                    <ng-template
+                        [ngIf]="noDataTemplate"
+                        [templateContext]="{
+                            templateRef: noDataTemplate?.templateRef
+                        }"
+                    >
+                    </ng-template>
+                    <ng-template [ngIf]="!noDataTemplate">
+                        <div>{{ messageFor('noDataText') }}</div>
+                    </ng-template>
+                </div>
+
+                <!--user-defined footer template-->
+                <ng-container *ngIf="footerTemplate">
+                    <div class="k-table-footer">
+                        <table class="k-table">
+                            <tfoot class="k-table-tfoot">
+                                <tr class="k-table-row">
+                                    <td class="k-table-td">
+                                        <ng-template
+                                            [templateContext]="{
+                                                templateRef: footerTemplate.templateRef
+                                            }"
+                                        >
+                                        </ng-template>
+                                    </td>
+                                </tr>
+                            </tfoot>
+                        </table>
+                    </div>
+                </ng-container>
+
+            </div>
+
+        </ng-template>
+
+        <kendo-resize-sensor
+            *ngIf="isOpen"
+            (resize)="onResize()"
+        >
+        </kendo-resize-sensor>
+
+        <!-- when the popupSettings.appendTo value is set to 'component', this container is used -->
+        <ng-container #container></ng-container>
+    `, isInline: true, components: [{ type: i7.SearchBarComponent, selector: "kendo-searchbar", inputs: ["id", "listId", "tagListId", "activeDescendant", "noDataLabel", "disabled", "readonly", "tabIndex", "popupOpen", "role", "userInput", "suggestedText", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { type: i8.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize"] }, { type: i9.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i10.LocalizedMessagesDirective, selector: "\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  " }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i12.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiColumnComboBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        SelectionService,
+                        DataService,
+                        NavigationService,
+                        DisabledItemsService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.multicolumncombobox'
+                        },
+                        {
+                            multi: true,
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MultiColumnComboBoxComponent)
+                        },
+                        {
+                            provide: KendoInput,
+                            useExisting: forwardRef(() => MultiColumnComboBoxComponent)
+                        },
+                        {
+                            provide: FilterableComponent,
+                            useExisting: forwardRef(() => MultiColumnComboBoxComponent)
+                        }
+                    ],
+                    selector: 'kendo-multicolumncombobox',
+                    template: `
+        <ng-container
+            kendoMultiColumnComboBoxLocalizedMessages
+
+            i18n-noDataText="kendo.multicolumncombobox.noDataText|The text displayed in the popup when there are no items"
+            noDataText="NO DATA FOUND"
+
+            i18n-clearTitle="kendo.multicolumncombobox.clearTitle|The title of the clear button"
+            clearTitle="clear"
+        >
+        </ng-container>
+        <kendo-searchbar
+            #searchbar
+            [role]="'combobox'"
+            [id]="focusableId"
+            [listId]="listBoxId"
+            [activeDescendant]="activeDescendant"
+            [noDataLabel]="noDataLabel"
+            [userInput]="text"
+            [suggestedText]="getSuggestion()"
+            [disabled]="disabled"
+            [readonly]="readonly"
+            [tabIndex]="tabIndex"
+            [popupOpen]="isOpen"
+            [placeholder]="placeholder"
+            (onNavigate)="handleNavigate($event)"
+            (valueChange)="searchBarChange($event)"
+            (onBlur)="handleBlur()"
+            (onFocus)="handleFocus()"
+        >
+        </kendo-searchbar>
+
+        <span
+            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
+            class="k-clear-value"
+            [style.visibility]="clearButtonVisiblity"
+            aria-hidden="true"
+            [attr.title]="messageFor('clearTitle')"
+            (click)="clearValue($event)"
+            [kendoEventsOutsideAngular]="{
+                mousedown: preventEventDefault
+            }"
+        >
+            <span class="k-icon k-i-x"></span>
+        </span>
+
+        <button
+            #select
+            tabindex="-1"
+            aria-hidden="true"
+            unselectable="on"
+            type="button"
+            class="k-input-button k-button k-icon-button"
+            [ngClass]="selectButtonClasses"
+            [attr.aria-label]="messageFor('selectButtonText')"
+            [kendoEventsOutsideAngular]="{
+                mousedown: preventEventDefault
+            }"
+        >
+            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
+        </button>
+
+        <ng-template #popupTemplate>
+            <!--user-defined header template -->
+            <ng-template
+                *ngIf="headerTemplate"
+                [templateContext]="{
+                    templateRef: headerTemplate?.templateRef
+                }"
+            >
+            </ng-template>
+
+            <!--data table-->
+            <div class="k-data-table" [ngClass]="tableSizeClass">
+
+                <!--grid header-->
+                <div
+                    #header
+                    class="k-table-header"
+                >
+                    <div class="k-table-header-wrap">
+                        <table class="k-table" role="presentation">
+                            <colgroup>
+                                <ng-container *ngFor="let column of columns">
+                                    <col
+                                        *ngIf="!column.hidden && column.matchesMedia"
+                                        [style.width.px]="column.width"
+                                    />
+                                </ng-container>
+                            </colgroup>
+                            <thead class="k-table-thead">
+                                <tr class="k-table-row">
+                                    <ng-container *ngFor="let column of columns">
+                                        <th
+                                            *ngIf="!column.hidden && column.matchesMedia"
+                                            class="k-table-th"
+                                            [ngStyle]="column.headerStyle"
+                                            [ngClass]="column.headerClass"
+                                        >
+                                            <ng-container *ngIf="!column.headerTemplate">
+                                                {{ column.title || column.field }}
+                                            </ng-container>
+                                            <ng-template
+                                                *ngIf="column.headerTemplate"
+                                                [templateContext]="{
+                                                    templateRef: column.headerTemplate?.templateRef,
+                                                    $implicit: column,
+                                                    column: column
+                                                }"
+                                            >
+                                            </ng-template>
+                                        </th>
+                                    </ng-container>
+                                </tr>
+                            </thead>
+                        </table>
+                    </div>
+                </div>
+
+                <!-- item template -->
+                <ng-template #rowTemplate let-dataItem>
+                    <ng-container *ngFor="let column of columns">
+                        <span
+                            *ngIf="!column.hidden && column.matchesMedia"
+                            class="k-table-td"
+                            [ngClass]="column.class"
+                            [style.width.px]="column.width"
+                            [ngStyle]="column.style"
+                        >
+                            <ng-container *ngIf="!column.cellTemplate">
+                                {{ textFrom(dataItem, column.field) }}
+                            </ng-container>
+                            <ng-template
+                                *ngIf="column.cellTemplate"
+                                [templateContext]="{
+                                    templateRef: column.cellTemplate?.templateRef,
+                                    $implicit: dataItem,
+                                    dataItem: dataItem,
+                                    column: column
+                                }"
+                            >
+                            </ng-template>
+                        </span>
+                    </ng-container>
+                </ng-template>
+
+                <!--list-->
+                <kendo-list
+                    #optionsList
+                    [id]="listBoxId"
+                    [optionPrefix]="optionPrefix"
+                    [data]="data"
+                    [textField]="textField"
+                    [valueField]="valueField"
+                    [template]="{ templateRef: rowTemplate }"
+                    [groupTemplate]="groupTemplate"
+                    [fixedGroupTemplate]="fixedGroupTemplate"
+                    [height]="listHeight"
+                    [show]="isOpen"
+                    [virtual]="virtual"
+                    [type]="'dropdowngrid'"
+                    (pageChange)="pageChange($event)"
+                    (listResize)="updateHeaderPadding(header)"
+                >
+                </kendo-list>
+
+                <!--no-data template-->
+                <div
+                    class="k-no-data"
+                    *ngIf="data.length === 0"
+                >
+                    <ng-template
+                        [ngIf]="noDataTemplate"
+                        [templateContext]="{
+                            templateRef: noDataTemplate?.templateRef
+                        }"
+                    >
+                    </ng-template>
+                    <ng-template [ngIf]="!noDataTemplate">
+                        <div>{{ messageFor('noDataText') }}</div>
+                    </ng-template>
+                </div>
+
+                <!--user-defined footer template-->
+                <ng-container *ngIf="footerTemplate">
+                    <div class="k-table-footer">
+                        <table class="k-table">
+                            <tfoot class="k-table-tfoot">
+                                <tr class="k-table-row">
+                                    <td class="k-table-td">
+                                        <ng-template
+                                            [templateContext]="{
+                                                templateRef: footerTemplate.templateRef
+                                            }"
+                                        >
+                                        </ng-template>
+                                    </td>
+                                </tr>
+                            </tfoot>
+                        </table>
+                    </div>
+                </ng-container>
+
+            </div>
+
+        </ng-template>
+
+        <kendo-resize-sensor
+            *ngIf="isOpen"
+            (resize)="onResize()"
+        >
+        </kendo-resize-sensor>
+
+        <!-- when the popupSettings.appendTo value is set to 'component', this container is used -->
+        <ng-container #container></ng-container>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.SelectionService }, { type: i4.NavigationService }, { type: i5.DisabledItemsService }, { type: i6.DataService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TOUCH_ENABLED]
+                }] }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-dropdowngrid']
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }], columns: [{
+                type: ContentChildren,
+                args: [ComboBoxColumnComponent]
+            }], header: [{
+                type: ViewChild,
+                args: ['header', { static: false }]
+            }] } });

package/{dist/es2015 → esm2015}/common/constants/error-messages.js

@@ -2,7 +2,6 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-/* tslint:disable:variable-name */
 /**
  * @hidden
  */