@progress/kendo-angular-grid 21.4.1 → 22.0.0

package/esm2022/rendering/toolbar/tools/select-all-command-tool.directive.mjs

@@ -1,93 +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, forwardRef } from '@angular/core';
-import { ContextService } from '../../../common/provider.service';
-import { CheckBoxComponent } from '@progress/kendo-angular-inputs';
-import { IdService } from '../../../common/id.service';
-import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
-import { SelectAllCheckboxDirective } from '../../../selection/selectall-checkbox.directive';
-import { FocusableDirective } from '../../../navigation/focusable.directive';
-import { LabelDirective } from '@progress/kendo-angular-label';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../common/id.service";
-import * as i2 from "../../../common/provider.service";
-/**
- * Represents the toolbar tool for showing a select-all `kendoGridSelectAllCheckbox` checkbox.
- * Use this component inside a ToolbarComponent in the Grid.
- *
- * @example
- * ```html
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-grid-select-all-tool text="Select All"></kendo-grid-select-all-tool>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- */
-export class SelectAllToolbarToolComponent extends ToolBarToolComponent {
-    idService;
-    ctx;
-    constructor(idService, ctx) {
-        super();
-        this.idService = idService;
-        this.ctx = ctx;
-    }
-    /**
-     * @hidden
-     */
-    selectAllCheckboxId() {
-        return this.idService.selectAllCheckboxId();
-    }
-    /**
-     * @hidden
-     */
-    get selectAllCheckboxLabel() {
-        return this.ctx.localization.get('selectAllCheckboxLabel');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectAllToolbarToolComponent, deps: [{ token: i1.IdService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SelectAllToolbarToolComponent, isStandalone: true, selector: "kendo-grid-select-all-tool", providers: [
-            {
-                provide: ToolBarToolComponent,
-                useExisting: forwardRef(() => SelectAllToolbarToolComponent)
-            }
-        ], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #toolbarTemplate #sectionTemplate #popupTemplate>
-            <kendo-checkbox #checkbox
-                [attr.id]="selectAllCheckboxId()"
-                size="large"
-                [inputAttributes]="{'aria-label': selectAllCheckboxLabel}"
-                kendoGridSelectAllCheckbox
-                kendoGridFocusable
-            ></kendo-checkbox>
-            <label class="k-checkbox-label" [for]="checkbox.focusableId">{{selectAllCheckboxLabel}}</label>
-        </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "directive", type: SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectAllToolbarToolComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: ToolBarToolComponent,
-                            useExisting: forwardRef(() => SelectAllToolbarToolComponent)
-                        }
-                    ],
-                    selector: 'kendo-grid-select-all-tool',
-                    template: `
-        <ng-template #toolbarTemplate #sectionTemplate #popupTemplate>
-            <kendo-checkbox #checkbox
-                [attr.id]="selectAllCheckboxId()"
-                size="large"
-                [inputAttributes]="{'aria-label': selectAllCheckboxLabel}"
-                kendoGridSelectAllCheckbox
-                kendoGridFocusable
-            ></kendo-checkbox>
-            <label class="k-checkbox-label" [for]="checkbox.focusableId">{{selectAllCheckboxLabel}}</label>
-        </ng-template>
-    `,
-                    standalone: true,
-                    imports: [CheckBoxComponent, SelectAllCheckboxDirective, FocusableDirective, LabelDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.IdService }, { type: i2.ContextService }] });

package/esm2022/rendering/toolbar/tools/sort-command-tool.directive.mjs

@@ -1,222 +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, NgZone, Renderer2 } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { Subscription } from 'rxjs';
-import { arrowsSwapIcon } from '@progress/kendo-svg-icons';
-import { SortToolbarToolComponent } from './sort-toolbar-tool.component';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { ContextService } from '../../../common/provider.service';
-import { SortService } from '../../../common/sort.service';
-import { closest, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
-import { ColumnInfoService } from '../../../common/column-info.service';
-import { take } from 'rxjs/operators';
-import { AdaptiveGridService } from '../../../common/adaptiveness.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "@progress/kendo-angular-popup";
-import * as i3 from "../../../common/provider.service";
-import * as i4 from "../../../common/sort.service";
-import * as i5 from "../../../common/column-info.service";
-import * as i6 from "../../../common/adaptiveness.service";
-let incrementingId = 0;
-/**
- * Represents the toolbar tool for sorting columns of the Grid.
- * Use this directive on any `kendo-toolbar-button` inside a ToolbarComponent in the Grid.
- *
- * When you click the toolbar button with this directive, the `sort` event is triggered.
- *
- * @example
- * ```html-no-run
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Sort" kendoGridSortTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-export class SortCommandToolbarDirective {
-    host;
-    popupService;
-    ctx;
-    sortService;
-    columnInfoService;
-    ngZone;
-    renderer;
-    adaptiveGridService;
-    popupRef;
-    nextId = incrementingId++;
-    toolSubs = new Subscription();
-    popupSubs;
-    actionSheetCloseSub;
-    removeClickListener;
-    /**
-     * @hidden
-     */
-    isSortingApplied(sort) {
-        return isPresent(sort) && sort.length > 0 && sort.filter(item => item.dir !== undefined).length > 0;
-    }
-    constructor(host, popupService, ctx, sortService, columnInfoService, ngZone, renderer, adaptiveGridService) {
-        this.host = host;
-        this.popupService = popupService;
-        this.ctx = ctx;
-        this.sortService = sortService;
-        this.columnInfoService = columnInfoService;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.adaptiveGridService = adaptiveGridService;
-    }
-    ngOnInit() {
-        this.toolSubs = this.host.click.subscribe(e => this.onClick(e));
-        this.toolSubs.add(this.sortService.changes.subscribe(sort => {
-            this.host.showBadge = this.isSortingApplied(sort);
-        }));
-        this.host.hasBadgeContainer = true;
-        this.host.showBadge = this.isSortingApplied(this.ctx.grid.sort);
-        const hasToolbarIcon = isPresent(this.host.toolbarOptions.icon) && this.host.toolbarOptions.icon !== '';
-        const hasOverflowIcon = isPresent(this.host.overflowOptions.icon) && this.host.overflowOptions.icon !== '';
-        const hasIcon = hasToolbarIcon && hasOverflowIcon;
-        const hasSvgIcon = isPresent(this.host.toolbarOptions.svgIcon) && isPresent(this.host.overflowOptions.svgIcon);
-        if (!hasIcon) {
-            this.host.icon = 'arrows-swap';
-        }
-        if (!hasSvgIcon) {
-            this.host.svgIcon = arrowsSwapIcon;
-        }
-    }
-    ngAfterViewInit() {
-        if (!isPresent(this.host.text)) {
-            this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-                this.host.text = this.ctx.localization.get(`sortToolbarToolText`);
-            });
-        }
-        this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
-        this.buttonElement?.setAttribute('aria-expanded', 'false');
-        this.buttonElement?.setAttribute('title', this.ctx.localization.get('sortToolbarToolText'));
-    }
-    ngOnDestroy() {
-        if (this.toolSubs) {
-            this.toolSubs.unsubscribe();
-        }
-        if (this.popupSubs) {
-            this.popupSubs.unsubscribe();
-        }
-        if (this.popupRef) {
-            this.popupRef.close();
-            this.popupRef = null;
-        }
-        if (this.actionSheetCloseSub) {
-            this.actionSheetCloseSub.unsubscribe();
-            this.actionSheetCloseSub = null;
-        }
-        if (this.removeClickListener) {
-            this.removeClickListener();
-            this.removeClickListener = null;
-        }
-    }
-    onClick(e) {
-        e.preventDefault();
-        if (this.ctx.grid.adaptiveMode === 'auto' && this.adaptiveGridService.windowSize !== 'large') {
-            if (!this.ctx.grid.isActionSheetExpanded) {
-                this.adaptiveGridService.viewType = 'sortToolbarTool';
-                this.ctx.grid.adaptiveRenderer.actionSheet.toggle(true);
-                this.host.selected = true;
-                this.actionSheetCloseSub = this.ctx.grid.adaptiveRenderer.actionSheet.collapse.subscribe(() => this.host.selected = false);
-            }
-        }
-        else {
-            if (this.popupRef) {
-                this.closePopup();
-                return;
-            }
-            this.openPopup();
-        }
-    }
-    openPopup() {
-        const direction = this.ctx.localization.rtl ? 'right' : 'left';
-        this.popupRef = this.popupService.open({
-            anchor: this.buttonElement,
-            content: SortToolbarToolComponent,
-            popupClass: 'k-grid-columnmenu-popup',
-            positionMode: 'absolute',
-            anchorAlign: { vertical: 'bottom', horizontal: direction },
-            popupAlign: { vertical: 'top', horizontal: direction }
-        });
-        this.adaptiveGridService.popupRef = this.popupRef;
-        this.setPopupAttributes();
-        this.host.selected = true;
-        this.ngZone.runOutsideAngular(() => {
-            if (!isDocumentAvailable()) {
-                return;
-            }
-            this.removeClickListener = this.renderer.listen('document', 'click', (e) => {
-                if (this.popupRef && !closest(e.target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
-                    this.ngZone.run(() => {
-                        this.closePopup();
-                    });
-                }
-            });
-        });
-        this.popupSubs = this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
-            this.popupSubs?.unsubscribe();
-            this.popupSubs = null;
-            this.closePopup();
-        });
-        this.initPopupProperties();
-    }
-    setPopupAttributes() {
-        const popupElement = this.popupRef.popupElement;
-        const popupId = `k-sort-tool-${this.nextId}-popup`;
-        const popupAriaElement = popupElement.querySelector('.k-popup');
-        this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
-        this.renderer.setAttribute(popupAriaElement, 'id', popupId);
-        this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
-        this.buttonElement?.setAttribute('aria-expanded', 'true');
-        this.buttonElement?.setAttribute('aria-controls', popupId);
-    }
-    initPopupProperties() {
-        this.popupRef.content.instance.columnInfoService = this.columnInfoService;
-        this.popupRef.content.instance.ctx = this.ctx;
-        this.popupRef.content.instance.sortService = this.sortService;
-        this.popupRef.content.instance.hostButton = this.host;
-        this.popupSubs.add(this.popupRef.content.instance.sortClear.subscribe(() => {
-            this.closePopup();
-        }));
-        this.popupSubs.add(this.popupRef.content.instance.close.subscribe(() => {
-            this.closePopup();
-        }));
-    }
-    closePopup() {
-        this.buttonElement?.setAttribute('aria-expanded', 'false');
-        this.buttonElement?.removeAttribute('aria-controls');
-        this.host.selected = false;
-        if (this.popupRef) {
-            this.popupRef.close();
-            this.popupRef = null;
-        }
-        if (this.popupSubs) {
-            this.popupSubs.unsubscribe();
-            this.popupSubs = null;
-        }
-        if (this.removeClickListener) {
-            this.removeClickListener();
-            this.removeClickListener = null;
-        }
-    }
-    get buttonElement() {
-        return this.host.getButton();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortCommandToolbarDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.PopupService }, { token: i3.ContextService }, { token: i4.SortService }, { token: i5.ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SortCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSortTool]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridSortTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.PopupService }, { type: i3.ContextService }, { type: i4.SortService }, { type: i5.ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i6.AdaptiveGridService }] });

package/esm2022/rendering/toolbar/tools/sort-toolbar-tool.component.mjs

@@ -1,245 +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, ElementRef, EventEmitter, HostBinding, Output, HostListener, ViewChildren, QueryList, NgZone } from '@angular/core';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { sortAscSmallIcon, sortDescSmallIcon, xIcon } from '@progress/kendo-svg-icons';
-import { isPresent } from '@progress/kendo-angular-common';
-import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
-import { normalize } from '../../../columns/sort-settings';
-import { take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-buttons";
-/**
- * @hidden
- */
-export const directions = initialDirection => initialDirection === "asc" ? ["asc", "desc"] : ["desc", "asc"];
-/**
- * @hidden
- */
-export class SortToolbarToolComponent {
-    element;
-    ngZone;
-    sortItems;
-    wrapperClasses = true;
-    onEscKeyDown(event) {
-        event.preventDefault();
-        this.hostButton?.focus(event);
-        this.close.emit();
-    }
-    close = new EventEmitter();
-    sortClear = new EventEmitter();
-    sort = new Array();
-    columns = [];
-    sortAscSmallIcon = sortAscSmallIcon;
-    sortDescSmallIcon = sortDescSmallIcon;
-    clearIcon = xIcon;
-    _columnInfoService;
-    set columnInfoService(columnInfoService) {
-        this._columnInfoService = columnInfoService;
-        this.columns = this.columnInfoService.leafNamedColumns.filter(column => column?.sortable);
-    }
-    get columnInfoService() {
-        return this._columnInfoService;
-    }
-    _ctx;
-    set ctx(ctx) {
-        this._ctx = ctx;
-        this.sort = ctx.grid.sort;
-    }
-    get ctx() {
-        return this._ctx;
-    }
-    _sortService;
-    set sortService(sortService) {
-        this._sortService = sortService;
-        this.subscription = this._sortService.changes.subscribe(sort => {
-            this.sort = sort;
-        });
-    }
-    get sortService() {
-        return this._sortService;
-    }
-    subscription;
-    hostButton;
-    constructor(element, ngZone) {
-        this.element = element;
-        this.ngZone = ngZone;
-    }
-    ngAfterViewInit() {
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            this.sortItems?.get(0)?.nativeElement.focus({ preventScroll: true });
-        });
-    }
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-    toggleSort(column, ev) {
-        if (this.hostButton.location !== 'toolbar') {
-            ev.stopImmediatePropagation();
-        }
-        const field = column?.field;
-        if (!field) {
-            return;
-        }
-        const descriptor = this.getDescriptor(column);
-        this.sort = descriptor;
-        this.sortService.sort(descriptor);
-    }
-    getColumnComponent(column) {
-        return column;
-    }
-    sortDescriptor(field) {
-        return this.sort.find(item => item.field === field) || { field };
-    }
-    getDescriptor(column) {
-        const { allowUnsort, mode, initialDirection } = normalize(this.ctx.grid.sortable, column.sortable);
-        const field = column?.field;
-        if (!field) {
-            return;
-        }
-        const descriptorT = this.sort.find(item => item.field === field) || { field };
-        const [first, second] = directions(initialDirection);
-        let dir = first;
-        if (descriptorT.dir === first) {
-            dir = second;
-        }
-        else if (descriptorT.dir === second && allowUnsort) {
-            dir = undefined;
-        }
-        const descriptor = { field, dir };
-        if (mode === 'single') {
-            return [descriptor];
-        }
-        return [...this.sort.filter(desc => desc.field !== field), descriptor];
-    }
-    showSortNumbering(column) {
-        return this.sort
-            && this.sort.filter(({ dir }) => isPresent(dir)).length > 1
-            && this.sortOrder(column.field) > 0;
-    }
-    sortOrder(field) {
-        return this.sort
-            .filter(({ dir }) => isPresent(dir))
-            .findIndex(x => x.field === field)
-            + 1;
-    }
-    clearSorting() {
-        if (!this.sort || this.sort.length === 0) {
-            return;
-        }
-        this.sort = [];
-        this.sortService.sort([]);
-        this.sortClear.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortToolbarToolComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SortToolbarToolComponent, isStandalone: true, selector: "kendo-sort-toolbar-tool", outputs: { close: "close", sortClear: "sortClear" }, host: { listeners: { "keydown.escape": "onEscKeyDown($event)" }, properties: { "class.k-column-menu": "this.wrapperClasses", "class.k-column-menu-md": "this.wrapperClasses" } }, viewQueries: [{ propertyName: "sortItems", predicate: ["sortItem"], descendants: true, read: ElementRef }], ngImport: i0, template: `
-        <div
-          class="k-column-menu-item-wrapper"
-          [style.max-height.px]="200"
-          [style.overflow-x]="'hidden'"
-          [style.overflow-y]="'auto'"
-          >
-          @for (column of columns; track column) {
-            <div
-              #sortItem
-              role="button"
-              class="k-columnmenu-item"
-              (click)="toggleSort(column, $event)"
-              (keydown.enter)="toggleSort(column, $event)"
-              [tabindex]="'0'"
-              >
-              {{column.title || getColumnComponent(column).field}}
-              <span class="k-columnmenu-indicators">
-                @if (sortDescriptor(getColumnComponent(column).field).dir) {
-                  <kendo-icon-wrapper
-                    name="sort-{{sortDescriptor(getColumnComponent(column).field).dir}}-small"
-                    [svgIcon]="sortDescriptor(getColumnComponent(column).field).dir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon"
-                  ></kendo-icon-wrapper>
-                }
-                @if (showSortNumbering(getColumnComponent(column))) {
-                  <span class="k-sort-index">{{sortOrder(getColumnComponent(column).field)}}</span>
-                }
-              </span>
-            </div>
-          }
-        </div>
-        
-        <div class="k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer">
-          <button kendoButton
-            [svgIcon]="clearIcon"
-            icon="x"
-            (click)="clearSorting()">
-            {{ctx?.localization.get('sortClearButton')}}
-          </button>
-        </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i1.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: "18.2.14", ngImport: i0, type: SortToolbarToolComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-sort-toolbar-tool',
-                    template: `
-        <div
-          class="k-column-menu-item-wrapper"
-          [style.max-height.px]="200"
-          [style.overflow-x]="'hidden'"
-          [style.overflow-y]="'auto'"
-          >
-          @for (column of columns; track column) {
-            <div
-              #sortItem
-              role="button"
-              class="k-columnmenu-item"
-              (click)="toggleSort(column, $event)"
-              (keydown.enter)="toggleSort(column, $event)"
-              [tabindex]="'0'"
-              >
-              {{column.title || getColumnComponent(column).field}}
-              <span class="k-columnmenu-indicators">
-                @if (sortDescriptor(getColumnComponent(column).field).dir) {
-                  <kendo-icon-wrapper
-                    name="sort-{{sortDescriptor(getColumnComponent(column).field).dir}}-small"
-                    [svgIcon]="sortDescriptor(getColumnComponent(column).field).dir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon"
-                  ></kendo-icon-wrapper>
-                }
-                @if (showSortNumbering(getColumnComponent(column))) {
-                  <span class="k-sort-index">{{sortOrder(getColumnComponent(column).field)}}</span>
-                }
-              </span>
-            </div>
-          }
-        </div>
-        
-        <div class="k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer">
-          <button kendoButton
-            [svgIcon]="clearIcon"
-            icon="x"
-            (click)="clearSorting()">
-            {{ctx?.localization.get('sortClearButton')}}
-          </button>
-        </div>
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, KENDO_BUTTON]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { sortItems: [{
-                type: ViewChildren,
-                args: ['sortItem', { read: ElementRef }]
-            }], wrapperClasses: [{
-                type: HostBinding,
-                args: ['class.k-column-menu']
-            }, {
-                type: HostBinding,
-                args: ['class.k-column-menu-md']
-            }], onEscKeyDown: [{
-                type: HostListener,
-                args: ['keydown.escape', ['$event']]
-            }], close: [{
-                type: Output
-            }], sortClear: [{
-                type: Output
-            }] } });

package/esm2022/row-reordering/drag-handle-template.directive.mjs

@@ -1,44 +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, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * The directive allows customizing the drag handle cell in the Grid row reorder column.
- * Place an `<ng-template>` tag with the `kendoGridRowDragHandleTemplate` directive inside the `<kendo-grid-rowreorder-column>` tag to set the cell template.
- *
- * The template context is the current data item. You also get access to the following additional fields:
- * - `columnIndex`&mdash;The current column index. Use it as a template variable with `let-columnIndex="columnIndex"`.
- * - `rowIndex`&mdash;The data row index. Use it as a template variable with `let-rowIndex="rowIndex"`.
- *
- * @example
- * ```html
- * <kendo-grid [kendoGridBinding]="data" [rowReorderable]="true">
- *    <kendo-grid-rowreorder-column>
- *      <ng-template kendoGridRowDragHandleTemplate>
- *        <span>Drag here</span>
- *      </ng-template>
- *    </kendo-grid-rowreorder-column>
- *   <kendo-grid-column field="Field1"></kendo-grid-column>
- *   <kendo-grid-column field="Field2"></kendo-grid-column>
- * </kendo-grid>
- * ```
- */
-export class RowDragHandleTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowDragHandleTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RowDragHandleTemplateDirective, isStandalone: true, selector: "[kendoGridRowDragHandleTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowDragHandleTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridRowDragHandleTemplate]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/row-reordering/drag-hint-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, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * The directive allows customizing the drag hint in the Grid row reorder column.
- * Place an `<ng-template>` tag with the `kendoGridRowDragHintTemplate` directive inside the `<kendo-grid-rowreorder-column>` tag to set the hint template.
- *
- * The template context is the current data item. You also get the data row index as an extra field. Use it as a template variable with `let-rowIndex="rowIndex"`.
- *
- * @example
- * ```html
- * <kendo-grid [kendoGridBinding]="data" [rowReorderable]="true">
- *    <kendo-grid-rowreorder-column>
- *      <ng-template kendoGridRowDragHintTemplate>
- *        <span>Custom hint</span>
- *      </ng-template>
- *    </kendo-grid-rowreorder-column>
- *   <kendo-grid-column field="Field1"></kendo-grid-column>
- *   <kendo-grid-column field="Field2"></kendo-grid-column>
- * </kendo-grid>
- * ```
- */
-export class RowDragHintTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowDragHintTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RowDragHintTemplateDirective, isStandalone: true, selector: "[kendoGridRowDragHintTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowDragHintTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridRowDragHintTemplate]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });