@progress/kendo-angular-grid 17.0.0-develop.21 → 17.0.0-develop.23

package/selection/types.d.ts

@@ -9,7 +9,7 @@ import { RowArgs } from './../rendering/common/row-args';
  * Represents the callback that is used by the
  * [cellSelected]({% slug api_grid_gridcomponent %}#toc-cellselected) property ([see example](slug:grid_selection_custom#toc-setting-the-selected-cells)).
  */
-export declare type CellSelectedFn = (row: RowArgs, column: ColumnComponent, colIndex: number) => {
+export type CellSelectedFn = (row: RowArgs, column: ColumnComponent, colIndex: number) => {
     selected: boolean;
     item: CellSelectionItem;
 };
@@ -124,7 +124,7 @@ export interface SelectableSettings {
  * <kendo-grid [selectable]="{mode: 'multiple'}"></kendo-grid>
  * ```
  */
-export declare type SelectableMode = "single" | "multiple";
+export type SelectableMode = "single" | "multiple";
 /**
  * Represents the possible states of the select-all checkbox.
  *
@@ -141,7 +141,7 @@ export declare type SelectableMode = "single" | "multiple";
  *  <kendo-grid-column>
  * ```
  */
-export declare type SelectAllCheckboxState = "checked" | "unchecked" | "indeterminate";
+export type SelectAllCheckboxState = "checked" | "unchecked" | "indeterminate";
 /**
  * The Grid `cell` selection items type.
  */
@@ -160,4 +160,4 @@ export interface CellSelectionItem {
  *
  * @hidden
  */
-export declare type GridSelectionItem = number | RowArgs | CellSelectionItem;
+export type GridSelectionItem = number | RowArgs | CellSelectionItem;

package/utils.d.ts

@@ -53,7 +53,7 @@ export declare const not: (fn: (...x: any[]) => boolean) => (...args: any[]) =>
  * @hidden
  * Represents a condition—a unary function which takes an argument and returns a Boolean.
  */
-export declare type Condition<T> = (x: T) => boolean;
+export type Condition<T> = (x: T) => boolean;
 /**
  * @hidden
  */

package/esm2020/common/clipboard.directive.mjs

@@ -1,186 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, EventEmitter, Input, NgZone, Output, Renderer2, isDevMode } from '@angular/core';
-import { ClipboardService } from './clipboard.service';
-import { GridComponent } from '../grid.component';
-import { hasObservers, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { Subscription } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { closest, contains } from '../rendering/common/dom-queries';
-import { recursiveFlatMap } from '../utils';
-import { ClipboardErrorMessages } from './error-messages';
-import * as i0 from "@angular/core";
-import * as i1 from "../grid.component";
-import * as i2 from "./clipboard.service";
-/**
- * The directive that enables the Grid built-in clipboard support. Allows copy, cut, and paste interactions
- * with the Grid.
- */
-export class GridClipboardDirective {
-    constructor(host, clipboardService, renderer, zone) {
-        this.host = host;
-        this.clipboardService = clipboardService;
-        this.renderer = renderer;
-        this.zone = zone;
-        /**
-         * Fires when the user performs `cut`, `copy` or `paste` action within the Grid content area.
-         */
-        this.clipboard = new EventEmitter();
-        this._target = 'selection';
-        this._clipboardSettings = {
-            wholeRow: false,
-            copyHeaders: false,
-            copy: true,
-            cut: true,
-            paste: true
-        };
-        this.subs = new Subscription();
-        this.onClipboard = (operationType, args) => {
-            if (!this.clipboardSettings[operationType] || !this.inGrid(args)) {
-                return;
-            }
-            const gridData = Array.isArray(this.host.data) ? this.host.data : this.host.data.data;
-            const gridDataItems = gridData.flatMap(recursiveFlatMap);
-            const selection = this.host.selection;
-            const selectionDirective = this.host.selectionDirective;
-            const targetType = this.clipboardTarget;
-            const isCellSelection = (this.host.selectable?.cell || selectionDirective.isCellSelectionMode);
-            let clipboardData = [];
-            switch (targetType) {
-                case 'activeCell':
-                    {
-                        const targetCell = { ...this.host.activeCell };
-                        clipboardData = targetCell && [{ dataItem: targetCell.dataItem, dataRowIndex: targetCell.dataRowIndex, colIndex: targetCell.colIndex }];
-                    }
-                    break;
-                case 'selection':
-                    {
-                        const identifier = selectionDirective.selectionKey;
-                        clipboardData = gridDataItems.flatMap((item, index) => {
-                            if (identifier) {
-                                const key = typeof identifier === 'string' ? item[identifier] : identifier({ index: index + this.host.skip, dataItem: item });
-                                return isCellSelection ?
-                                    selection.some(s => s.itemKey === key) ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [] :
-                                    selection.indexOf(key) > -1 ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [];
-                            }
-                            return isCellSelection ?
-                                selection.some(s => s.itemKey === index + this.host.skip) ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [] :
-                                selection.indexOf(index + this.host.skip) > -1 ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [];
-                        });
-                    }
-                    break;
-            }
-            const isPaste = operationType === 'paste';
-            const pastedData = args.clipboardData.getData('text');
-            const visibleCols = this.host.columns.toArray().filter(c => c.isVisible);
-            const data = isPaste ?
-                {
-                    dataString: pastedData,
-                    gridItems: this.clipboardService.getGridData(pastedData, visibleCols, this.clipboardTarget, clipboardData[0]?.dataRowIndex, {
-                        wholeRow: this.clipboardSettings.wholeRow,
-                        isCellSelection
-                    })
-                } :
-                this.clipboardService.createClipboardData(clipboardData || [], visibleCols, {
-                    wholeRow: this.clipboardSettings.wholeRow || (this.clipboardTarget === 'selection' && !isCellSelection),
-                    target: this.clipboardTarget,
-                    copyHeaders: this.clipboardSettings.copyHeaders,
-                    operationType
-                });
-            !isPaste && navigator.clipboard.writeText(data.dataString);
-            if (hasObservers(this.clipboard)) {
-                this.zone.run(() => {
-                    this.clipboard.emit({
-                        type: operationType,
-                        originalEvent: args,
-                        clipboardData: data.dataString,
-                        gridData: data.gridItems,
-                        target: {
-                            dataRowIndex: this.clipboardService.targetRowIndex,
-                            colField: this.clipboardService.targetColField,
-                            dataItem: clipboardData.find(item => item.dataRowIndex === this.clipboardService.targetRowIndex)?.dataItem
-                        }
-                    });
-                });
-            }
-            this.clipboardService.targetColField = this.clipboardService.targetRowIndex = null;
-        };
-        this.inGrid = (args) => {
-            const target = document.activeElement.matches('.k-table-td') ? document.activeElement : args.target;
-            const inContentArea = closest(target, node => node.parentElement?.classList.contains('k-grid-container'));
-            const inHost = contains(this.host.wrapper.nativeElement, target);
-            return target && inHost && inContentArea;
-        };
-    }
-    /**
-     * Determines the target of the clipboard operation ([see example]({% slug clipboard_grid %}#toc-clipboard-target)). The possible options are:
-     * - `activeCell`
-     * - `selection`
-     *
-     * @default 'selection'
-     */
-    set clipboardTarget(value) {
-        if (isDevMode()) {
-            this.zone.onStable.pipe(take(1)).subscribe(() => {
-                if (value === 'activeCell' && !(this.host.navigable.length)) {
-                    console.warn(ClipboardErrorMessages.clipboardTarget.activeCellNavigable);
-                }
-                else if (value === 'selection' && !(this.host.selectable || this.host.selectionDirective)) {
-                    console.warn(ClipboardErrorMessages.selectionSelectable);
-                }
-            });
-        }
-        this._target = value;
-    }
-    get clipboardTarget() {
-        return this._target;
-    }
-    /**
-     * The `GridClipboardDirective` settings.
-     *
-     * @default { wholeRow: false, copyHeaders: false copy: true, cut: true, paste: true }
-     */
-    set clipboardSettings(value) {
-        this._clipboardSettings = Object.assign({}, this._clipboardSettings, value);
-    }
-    get clipboardSettings() {
-        return this._clipboardSettings;
-    }
-    ngAfterViewInit() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        if (this.clipboardTarget === 'selection' && !(this.host.selectable || this.host.selectionDirective)) {
-            console.warn(ClipboardErrorMessages.selectionSelectable);
-        }
-        // needed due to the following issue in Chrome
-        // https://bugs.chromium.org/p/chromium/issues/detail?id=1156117&q=focus%20programmatically%20paste&can=2
-        this.zone.runOutsideAngular(() => {
-            this.subs.add(this.renderer.listen(document, 'copy', (args) => this.onClipboard('copy', args)));
-            this.subs.add(this.renderer.listen(document, 'cut', (args) => this.onClipboard('cut', args)));
-            this.subs.add(this.renderer.listen(document, 'paste', (args) => this.onClipboard('paste', args)));
-        });
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-}
-GridClipboardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridClipboardDirective, deps: [{ token: i1.GridComponent }, { token: i2.ClipboardService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-GridClipboardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GridClipboardDirective, isStandalone: true, selector: "[kendoGridClipboard]", inputs: { clipboardTarget: "clipboardTarget", clipboardSettings: "clipboardSettings" }, outputs: { clipboard: "clipboard" }, providers: [ClipboardService], exportAs: ["kendoGridClipboard"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridClipboardDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridClipboard]',
-                    exportAs: 'kendoGridClipboard',
-                    providers: [ClipboardService],
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i1.GridComponent }, { type: i2.ClipboardService }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { clipboardTarget: [{
-                type: Input
-            }], clipboardSettings: [{
-                type: Input
-            }], clipboard: [{
-                type: Output
-            }] } });

package/esm2020/common/dom-events.service.mjs

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class DomEventsService {
-    constructor() {
-        this.cellClick = new EventEmitter();
-        this.cellMousedown = new EventEmitter();
-        this.cellMouseup = new EventEmitter();
-        this.click = new EventEmitter();
-        this.keydown = new EventEmitter();
-        this.focus = new EventEmitter();
-        this.focusIn = new EventEmitter();
-        this.focusOut = new EventEmitter();
-        this.windowBlur = new EventEmitter();
-        this.paste = new EventEmitter();
-    }
-}
-DomEventsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DomEventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DomEventsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DomEventsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DomEventsService, decorators: [{
-            type: Injectable
-        }] });

package/esm2020/localization/messages.mjs

@@ -1,187 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class GridMessages extends ComponentMessages {
-}
-GridMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-GridMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", selectPage: "selectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridMessages, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'kendo-grid-messages-base'
-                }]
-        }], propDecorators: { groupPanelEmpty: [{
-                type: Input
-            }], noRecords: [{
-                type: Input
-            }], pagerLabel: [{
-                type: Input
-            }], pagerFirstPage: [{
-                type: Input
-            }], pagerLastPage: [{
-                type: Input
-            }], pagerPreviousPage: [{
-                type: Input
-            }], pagerNextPage: [{
-                type: Input
-            }], pagerPage: [{
-                type: Input
-            }], pagerItemsPerPage: [{
-                type: Input
-            }], pagerOf: [{
-                type: Input
-            }], pagerItems: [{
-                type: Input
-            }], pagerPageNumberInputTitle: [{
-                type: Input
-            }], selectPage: [{
-                type: Input
-            }], filter: [{
-                type: Input
-            }], filterInputLabel: [{
-                type: Input
-            }], filterMenuTitle: [{
-                type: Input
-            }], filterMenuOperatorsDropDownLabel: [{
-                type: Input
-            }], filterMenuLogicDropDownLabel: [{
-                type: Input
-            }], filterCellOperatorLabel: [{
-                type: Input
-            }], booleanFilterCellLabel: [{
-                type: Input
-            }], filterEqOperator: [{
-                type: Input
-            }], filterNotEqOperator: [{
-                type: Input
-            }], filterIsNullOperator: [{
-                type: Input
-            }], filterIsNotNullOperator: [{
-                type: Input
-            }], filterIsEmptyOperator: [{
-                type: Input
-            }], filterIsNotEmptyOperator: [{
-                type: Input
-            }], filterStartsWithOperator: [{
-                type: Input
-            }], filterContainsOperator: [{
-                type: Input
-            }], filterNotContainsOperator: [{
-                type: Input
-            }], filterEndsWithOperator: [{
-                type: Input
-            }], filterGteOperator: [{
-                type: Input
-            }], filterGtOperator: [{
-                type: Input
-            }], filterLteOperator: [{
-                type: Input
-            }], filterLtOperator: [{
-                type: Input
-            }], filterIsTrue: [{
-                type: Input
-            }], filterIsFalse: [{
-                type: Input
-            }], filterBooleanAll: [{
-                type: Input
-            }], filterAfterOrEqualOperator: [{
-                type: Input
-            }], filterAfterOperator: [{
-                type: Input
-            }], filterBeforeOperator: [{
-                type: Input
-            }], filterBeforeOrEqualOperator: [{
-                type: Input
-            }], filterFilterButton: [{
-                type: Input
-            }], filterClearButton: [{
-                type: Input
-            }], filterAndLogic: [{
-                type: Input
-            }], filterOrLogic: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], gridLabel: [{
-                type: Input
-            }], columnMenu: [{
-                type: Input
-            }], setColumnPosition: [{
-                type: Input
-            }], columns: [{
-                type: Input
-            }], lock: [{
-                type: Input
-            }], unlock: [{
-                type: Input
-            }], stick: [{
-                type: Input
-            }], unstick: [{
-                type: Input
-            }], sortable: [{
-                type: Input
-            }], sortAscending: [{
-                type: Input
-            }], sortDescending: [{
-                type: Input
-            }], autosizeThisColumn: [{
-                type: Input
-            }], autosizeAllColumns: [{
-                type: Input
-            }], sortedAscending: [{
-                type: Input
-            }], sortedDescending: [{
-                type: Input
-            }], sortedDefault: [{
-                type: Input
-            }], columnsApply: [{
-                type: Input
-            }], columnsReset: [{
-                type: Input
-            }], detailExpand: [{
-                type: Input
-            }], detailCollapse: [{
-                type: Input
-            }], filterDateToday: [{
-                type: Input
-            }], filterDateToggle: [{
-                type: Input
-            }], filterNumericDecrement: [{
-                type: Input
-            }], filterNumericIncrement: [{
-                type: Input
-            }], selectionCheckboxLabel: [{
-                type: Input
-            }], selectAllCheckboxLabel: [{
-                type: Input
-            }], groupCollapse: [{
-                type: Input
-            }], groupExpand: [{
-                type: Input
-            }], topToolbarLabel: [{
-                type: Input
-            }], bottomToolbarLabel: [{
-                type: Input
-            }], groupPanelLabel: [{
-                type: Input
-            }], dragRowHandleLabel: [{
-                type: Input
-            }], columnMenuFilterTabTitle: [{
-                type: Input
-            }], columnMenuGeneralTabTitle: [{
-                type: Input
-            }], columnMenuColumnsTabTitle: [{
-                type: Input
-            }], groupChipMenuPrevious: [{
-                type: Input
-            }], groupChipMenuNext: [{
-                type: Input
-            }] } });