@progress/kendo-angular-dropdowns 21.4.1 → 22.0.0

package/esm2022/autocomplete/autocomplete.module.mjs

@@ -1,70 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { KENDO_AUTOCOMPLETE } from '../directives';
-import { KENDO_ADORNMENTS, ResizeBatchService } from '@progress/kendo-angular-common';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { AdaptiveService } from '@progress/kendo-angular-utils';
-import * as i0 from "@angular/core";
-import * as i1 from "./autocomplete.component";
-import * as i2 from "../common/templates/fixed-group-template.directive";
-import * as i3 from "../common/templates/footer-template.directive";
-import * as i4 from "../common/templates/group-template.directive";
-import * as i5 from "../common/templates/header-template.directive";
-import * as i6 from "../common/templates/item-template.directive";
-import * as i7 from "../common/templates/no-data-template.directive";
-import * as i8 from "../common/filtering/filter.directive";
-import * as i9 from "../common/localization/custom-messages.component";
-import * as i10 from "@progress/kendo-angular-common";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Required for adding all AutoComplete features in NgModule-based Angular applications.
- *
- *  ```typescript
- *  import { AutoCompleteModule } from '@progress/kendo-angular-dropdowns';
- *  @NgModule({
- *  imports: [AutoCompleteModule],
- *  declarations: [AppComponent],
- *  bootstrap: [AppComponent]
- *  })
- *  ```
- *
- * The package exports:
- * - `AutoCompleteComponent`—The AutoComplete component class.
- * - `ItemTemplateDirective`—The item template directive.
- * - `HeaderTemplateDirective`—The header template directive.
- * - `FooterTemplateDirective`—The footer template directive.
- * - `NoDataTemplateDirective`—The no data template directive.
- * - `FixedGroupTemplateDirective`—The fixed group template directive.
- * - `GroupTemplateDirective`—The group template directive.
- * - `FilterDirective`—The filter directive.
- * - `CustomMessagesComponent`—The custom messages component.
- * - `SuffixTemplateDirective`—The suffix template directive.
- * - `PrefixTemplateDirective`—The prefix template directive.
- */
-export class AutoCompleteModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AutoCompleteModule, imports: [i1.AutoCompleteComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective, i10.SeparatorComponent, i10.PrefixTemplateDirective, i10.SuffixTemplateDirective, i10.SeparatorComponent], exports: [i1.AutoCompleteComponent, i2.FixedGroupTemplateDirective, i3.FooterTemplateDirective, i4.GroupTemplateDirective, i5.HeaderTemplateDirective, i6.ItemTemplateDirective, i7.NoDataTemplateDirective, i8.FilterDirective, i9.CustomMessagesComponent, i10.SuffixTemplateDirective, i10.PrefixTemplateDirective, i10.SeparatorComponent, i10.PrefixTemplateDirective, i10.SuffixTemplateDirective, i10.SeparatorComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutoCompleteModule, providers: [
-            PopupService,
-            ResizeBatchService,
-            IconsService,
-            AdaptiveService
-        ], imports: [i1.AutoCompleteComponent, i10.SeparatorComponent, i10.SeparatorComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutoCompleteModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_AUTOCOMPLETE, ...KENDO_ADORNMENTS],
-                    exports: [...KENDO_AUTOCOMPLETE, ...KENDO_ADORNMENTS],
-                    providers: [
-                        PopupService,
-                        ResizeBatchService,
-                        IconsService,
-                        AdaptiveService
-                    ]
-                }]
-        }] });

package/esm2022/comboboxes/combobox-column/column-cell-template.directive.mjs

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Renders the column cell content of the MultiColumnComboBox component.
- *
- * To define a column cell template, nest an `<ng-template>` tag with the `kendoMultiColumnComboBoxColumnCellTemplate` directive inside the [`<kendo-combobox-column>`]({% slug api_dropdowns_comboboxcolumncomponent %}) tag.
- * [See example]({% slug templates_multicolumncombobox %}).
- *
- * The context variables are:
- * - `let-dataItem="dataItem"` (`any`)&mdash;The current data item. Also available as the implicit context variable.
- * - `let-column="column"` ([`ColumnComponent`]({% slug api_dropdowns_comboboxcolumncomponent %}))&mdash;The current column configuration object.
- *
- * @example
- * ```html
- * <kendo-multicolumncombobox ...>
- *   <kendo-combobox-column field="name" title="Name">
- *     <ng-template kendoMultiColumnComboBoxColumnCellTemplate let-dataItem="dataItem" let-column="column">
- *       {{ dataItem[column.field] }}
- *     </ng-template>
- *   </kendo-combobox-column>
- * <kendo-multicolumncombobox>
- * ```
- */
-export class ColumnCellTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ColumnCellTemplateDirective, isStandalone: true, selector: "[kendoMultiColumnComboBoxColumnCellTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnCellTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoMultiColumnComboBoxColumnCellTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

package/esm2022/comboboxes/combobox-column/column-header-template.directive.mjs

@@ -1,40 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Renders the column header content of the MultiColumnComboBox component.
- *
- * To define a column header template, nest an `<ng-template>` tag with the `kendoMultiColumnComboBoxColumnHeaderTemplate` directive inside the [`<kendo-combobox-column>`]({% slug api_dropdowns_comboboxcolumncomponent %}) tag.
- * [See example]({% slug templates_multicolumncombobox %}).
- *
- * The current [`column`]({% slug api_dropdowns_comboboxcolumncomponent %}) is available as the implicit context variable.
- *
- * @example
- * ```html
- * <kendo-multicolumncombobox ...>
- *   <kendo-combobox-column field="name" title="Name">
- *     <ng-template kendoMultiColumnComboBoxColumnHeaderTemplate let-column="column">
- *       {{ column.title }}
- *     </ng-template>
- *   </kendo-combobox-column>
- * <kendo-multicolumncombobox>
- * ```
- */
-export class ColumnHeaderTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ColumnHeaderTemplateDirective, isStandalone: true, selector: "[kendoMultiColumnComboBoxColumnHeaderTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnHeaderTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoMultiColumnComboBoxColumnHeaderTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

package/esm2022/comboboxes/combobox-column/combobox-column.component.mjs

@@ -1,116 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ContentChild, Input } from '@angular/core';
-import { ColumnCellTemplateDirective } from './column-cell-template.directive';
-import { ColumnHeaderTemplateDirective } from './column-header-template.directive';
-import * as i0 from "@angular/core";
-/**
- * Represents the column definition for the MultiColumnComboBox component.
- *
- * Use this component to define columns inside the MultiColumnComboBox.
- * [See example]({% slug columns_multicolumncombobox %}).
- *
- * @example
- * ```html
- * <kendo-multicolumncombobox ...>
- *   <kendo-combobox-column field="name" title="Name" width="200"></kendo-combobox-column>
- * <kendo-multicolumncombobox ...>
- * ```
- */
-export class ComboBoxColumnComponent {
-    /**
-     * @hidden
-     */
-    cellTemplate;
-    /**
-     * @hidden
-     */
-    headerTemplate;
-    /**
-     * Sets the field to which the column is bound.
-     *
-     * > The `field` property can be set to point to a nested property value - e.g. `category.name`.
-     */
-    field;
-    /**
-     * Sets the title of the column.
-     */
-    title;
-    /**
-     * Sets the width of the column (in pixels).
-     */
-    width;
-    /**
-     * Controls the visibility of the column. When `true`, hides the column from view.
-     * @default false
-     */
-    hidden = false;
-    /**
-     * Sets custom styles for the table cells of the column (except for the header cells).
-     *
-     * The `style` property uses the NgStyle directive to apply styles.
-     */
-    style;
-    /**
-     * Sets custom styles for the header cell of the column.
-     *
-     * The `headerStyle` property uses the NgStyle directive to apply styles.
-     */
-    headerStyle;
-    /**
-     * Sets custom CSS classes for the column cells.
-     *
-     * The `class` property uses the NgClass directive to apply classes.
-     */
-    class;
-    /**
-     * Sets custom CSS classes for the column header cell.
-     *
-     * The `headerClass` property uses the NgClass directive to apply classes.
-     */
-    headerClass;
-    /**
-     * Sets the condition that needs to be satisfied for a column to remain visible. If you set the [`hidden`]({% slug api_dropdowns_comboboxcolumncomponent %}#toc-hidden) property, the behavior of media is overridden.
-     */
-    media;
-    /**
-     * @hidden
-     */
-    matchesMedia = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComboBoxColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ComboBoxColumnComponent, isStandalone: true, selector: "kendo-combobox-column", inputs: { field: "field", title: "title", width: "width", hidden: "hidden", style: "style", headerStyle: "headerStyle", class: "class", headerClass: "headerClass", media: "media" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: ColumnCellTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ColumnHeaderTemplateDirective, descendants: true }], ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComboBoxColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-combobox-column',
-                    template: '',
-                    standalone: true
-                }]
-        }], propDecorators: { cellTemplate: [{
-                type: ContentChild,
-                args: [ColumnCellTemplateDirective, { static: false }]
-            }], headerTemplate: [{
-                type: ContentChild,
-                args: [ColumnHeaderTemplateDirective, { static: false }]
-            }], field: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], hidden: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], headerStyle: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], headerClass: [{
-                type: Input
-            }], media: [{
-                type: Input
-            }] } });

package/esm2022/comboboxes/combobox-column/util.mjs

@@ -1,60 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { isPresent } from '../../common/util';
-/**
- * Stores the initially resolved scrollbar width value.
- */
-let SCROLLBAR_WIDTH;
-/**
- * @hidden
- *
- * Gets the default scrollbar width for the current environment.
- *
- * Returns the scrollbar width in pixels.
- */
-export const scrollbarWidth = () => {
-    // calculate scrollbar width only once, then return the memoized value
-    if (isNaN(SCROLLBAR_WIDTH)) {
-        const div = document.createElement('div');
-        div.style.cssText = 'overflow: scroll; overflow-x: hidden; zoom: 1; clear: both; display: block;';
-        div.innerHTML = ' ';
-        document.body.appendChild(div);
-        SCROLLBAR_WIDTH = div.offsetWidth - div.scrollWidth;
-        document.body.removeChild(div);
-    }
-    return SCROLLBAR_WIDTH;
-};
-/**
- * Checks if all columns have a valid user-defined width.
- *
- * Returns `true` if all columns have a valid width, otherwise returns `false`.
- */
-const allColumnsWidthsSet = (columns) => {
-    if (!isPresent(columns) || columns.length === 0) {
-        return false;
-    }
-    return columns.toArray().every(column => !isNaN(column.width) && column.width > 0);
-};
-/**
- * @hidden
- *
- * Calculates the row width based on the columns' width configuration.
- *
- * Ignores hidden columns and columns that do not match the provided media query.
- * Returns `null` if any column does not have a valid width.
- */
-export const getRowWidthFromColumnsMeta = (columns) => {
-    if (!allColumnsWidthsSet(columns)) {
-        return null;
-    }
-    const bordersWidth = 2;
-    const initialRowWidht = scrollbarWidth() + bordersWidth;
-    return columns.reduce((totalWidth, column) => {
-        if (!column.hidden && column.matchesMedia) {
-            totalWidth += parseInt(column.width, 10);
-        }
-        return totalWidth;
-    }, initialRowWidht);
-};