@progress/kendo-angular-spreadsheet 21.4.1 → 22.0.0-develop.1

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

@@ -1,271 +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, Output, EventEmitter, NgZone, ElementRef, HostBinding } from '@angular/core';
-import { trigger, transition, style, animate, state } from '@angular/animations';
-import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { FilterMenuItemContentTemplateDirective } from './filter-menu-item-content-template.directive';
-import { NgTemplateOutlet, NgClass } from '@angular/common';
-import { guid } from '@progress/kendo-angular-common';
-import { take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-/**
- * Represents an item that you can place inside the Spreadsheet filter menu.
- *
- * @hidden
- */
-export class SpreadsheetFilterMenuItemComponent {
-    ngZone;
-    element;
-    contentTemplate;
-    hostClass = true;
-    /**
-     * Specifies the item text.
-     */
-    text;
-    /**
-     * Specifies the items.
-     */
-    innerMenuItems;
-    /**
-     * Specifies the item icon.
-     */
-    icon;
-    /**
-     * Specifies the item icon.
-     */
-    expanderClass;
-    /**
-     * Specifies the item icon.
-     */
-    expandable = false;
-    /**
-     * Specifies the item svgIcon.
-     */
-    svgIcon;
-    /**
-     * Specifies if the item is expanded.
-     */
-    set expanded(value) {
-        this._expanded = value;
-        this.updateContentState();
-    }
-    get expanded() {
-        return this._expanded;
-    }
-    /**
-     * Fires when the item is clicked.
-     */
-    itemClick = new EventEmitter();
-    /**
-     * Fires when the content expands.
-     */
-    expand = new EventEmitter();
-    /**
-     * Fires when the content collapses.
-     */
-    collapse = new EventEmitter();
-    constructor(ngZone, element) {
-        this.ngZone = ngZone;
-        this.element = element;
-    }
-    ngAfterViewInit() {
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            this.contentTemplate && (this.contentId = `k-${guid()}`);
-        });
-    }
-    /**
-     * @hidden
-     */
-    get expandedIcon() {
-        return this.expanded ? 'arrow-chevron-up' : 'arrow-chevron-down';
-    }
-    /**
-     * @hidden
-     */
-    get expandedSvgIcon() {
-        return this.expanded ? this.chevronUpIcon : this.chevronDownIcon;
-    }
-    contentState = 'collapsed';
-    contentId;
-    chevronUpIcon = chevronUpIcon;
-    chevronDownIcon = chevronDownIcon;
-    _expanded = false;
-    /**
-     * @hidden
-     */
-    onClick(e, item) {
-        this.itemClick.emit(item);
-        e.preventDefault();
-        e.stopImmediatePropagation();
-        if (this.contentTemplate) {
-            if (this.expanded) {
-                this.collapse.emit();
-            }
-            else {
-                this.expand.emit();
-            }
-        }
-    }
-    updateContentState() {
-        this.contentState = this.expanded ? 'expanded' : 'collapsed';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFilterMenuItemComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SpreadsheetFilterMenuItemComponent, isStandalone: true, selector: "kendo-spreadsheet-filtermenu-item", inputs: { text: "text", innerMenuItems: "innerMenuItems", icon: "icon", expanderClass: "expanderClass", expandable: "expandable", svgIcon: "svgIcon", expanded: "expanded" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, queries: [{ propertyName: "contentTemplate", first: true, predicate: FilterMenuItemContentTemplateDirective, descendants: true }], ngImport: i0, template: `
-        @if (expandable) {
-            <div class="k-expander" [ngClass]="expanderClass">
-                <ng-container [ngTemplateOutlet]="itemsTemplate"></ng-container>
-            </div>
-        } @else {
-            <ng-container [ngTemplateOutlet]="itemsTemplate"></ng-container>
-        }
-
-        <ng-template #itemsTemplate>
-            @for (item of innerMenuItems; track item) {
-                <div class="k-columnmenu-item" (click)="onClick($event, item)">
-                    @if (item.icon || item.svgIcon) {
-                        <kendo-icon-wrapper
-                            [name]="item.icon"
-                            [svgIcon]="item.svgIcon">
-                        </kendo-icon-wrapper>
-                    }
-                    {{item.text}}
-                    @if (expandable) {
-                        <span class="k-spacer"></span>
-                        <span class="k-expander-indicator">
-                            <kendo-icon-wrapper
-                                [name]="expandedIcon"
-                                [svgIcon]="expandedSvgIcon">
-                            </kendo-icon-wrapper>
-                        </span>
-                    }
-                </div>
-            }
-        </ng-template>
-
-        @if (contentTemplate) {
-            <div class="k-columnmenu-item-content" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'">
-                <ng-template [ngTemplateOutlet]="contentTemplate.templateRef"></ng-template>
-            </div>
-        }
-    `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
-            trigger('state', [
-                state('collapsed', style({ display: 'none' })),
-                state('expanded', style({ display: 'block' })),
-                transition('collapsed => expanded', [
-                    style({
-                        height: '0px',
-                        display: 'block'
-                    }),
-                    animate('100ms ease-in', style({
-                        height: '*'
-                    }))
-                ]),
-                transition('expanded => collapsed', [
-                    style({
-                        height: '*'
-                    }),
-                    animate('100ms ease-in', style({
-                        height: '0px'
-                    }))
-                ])
-            ])
-        ] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFilterMenuItemComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-spreadsheet-filtermenu-item',
-                    template: `
-        @if (expandable) {
-            <div class="k-expander" [ngClass]="expanderClass">
-                <ng-container [ngTemplateOutlet]="itemsTemplate"></ng-container>
-            </div>
-        } @else {
-            <ng-container [ngTemplateOutlet]="itemsTemplate"></ng-container>
-        }
-
-        <ng-template #itemsTemplate>
-            @for (item of innerMenuItems; track item) {
-                <div class="k-columnmenu-item" (click)="onClick($event, item)">
-                    @if (item.icon || item.svgIcon) {
-                        <kendo-icon-wrapper
-                            [name]="item.icon"
-                            [svgIcon]="item.svgIcon">
-                        </kendo-icon-wrapper>
-                    }
-                    {{item.text}}
-                    @if (expandable) {
-                        <span class="k-spacer"></span>
-                        <span class="k-expander-indicator">
-                            <kendo-icon-wrapper
-                                [name]="expandedIcon"
-                                [svgIcon]="expandedSvgIcon">
-                            </kendo-icon-wrapper>
-                        </span>
-                    }
-                </div>
-            }
-        </ng-template>
-
-        @if (contentTemplate) {
-            <div class="k-columnmenu-item-content" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'">
-                <ng-template [ngTemplateOutlet]="contentTemplate.templateRef"></ng-template>
-            </div>
-        }
-    `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, NgTemplateOutlet, NgClass],
-                    animations: [
-                        trigger('state', [
-                            state('collapsed', style({ display: 'none' })),
-                            state('expanded', style({ display: 'block' })),
-                            transition('collapsed => expanded', [
-                                style({
-                                    height: '0px',
-                                    display: 'block'
-                                }),
-                                animate('100ms ease-in', style({
-                                    height: '*'
-                                }))
-                            ]),
-                            transition('expanded => collapsed', [
-                                style({
-                                    height: '*'
-                                }),
-                                animate('100ms ease-in', style({
-                                    height: '0px'
-                                }))
-                            ])
-                        ])
-                    ]
-                }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }], propDecorators: { contentTemplate: [{
-                type: ContentChild,
-                args: [FilterMenuItemContentTemplateDirective]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-columnmenu-item-wrapper']
-            }], text: [{
-                type: Input
-            }], innerMenuItems: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], expanderClass: [{
-                type: Input
-            }], expandable: [{
-                type: Input
-            }], svgIcon: [{
-                type: Input
-            }], expanded: [{
-                type: Input
-            }], itemClick: [{
-                type: Output
-            }], expand: [{
-                type: Output
-            }], collapse: [{
-                type: Output
-            }] } });

package/esm2022/index.mjs

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { SpreadsheetComponent } from './spreadsheet.component';
-export { SpreadsheetModule } from './spreadsheet.module';
-export { FormulaListComponent } from './action-bar/list.component';
-export { FormulaInputDirective } from './action-bar/formula-input.directive';
-export { NameBoxComponent } from './action-bar/namebox.component';
-export { SheetsBarComponent } from './sheets-bar/sheets-bar.component';
-export * from './tools';
-export * from './directives';
-export { CustomMessagesComponent } from './localization/custom-messages.component';
-export { SpreadsheetWidget, defineFunction, Sheet, View, Range, Workbook, Context, Matrix, Ref, CellRef, RangeRef, Deferred, } from '@progress/kendo-spreadsheet-common';

package/esm2022/localization/custom-messages.component.mjs

@@ -1,52 +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, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { MessagesDirective } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * Overrides the default Spreadsheet component messages with custom messages.
- * You can use this component to provide custom text for the Spreadsheet UI elements, such as the toolbar, dialogs, and other components.
- *
- * @example
- * ```html
- * <kendo-spreadsheet [sheets]="sheets">
- *      <kendo-spreadsheet-messages home="Home" file="File">
- *      </kendo-spreadsheet-messages>
- * </kendo-spreadsheet>
- * ```
- */
-export class CustomMessagesComponent extends MessagesDirective {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-spreadsheet-messages", providers: [
-            {
-                provide: MessagesDirective,
-                useExisting: forwardRef(() => CustomMessagesComponent)
-            }
-        ], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: MessagesDirective,
-                            useExisting: forwardRef(() => CustomMessagesComponent)
-                        }
-                    ],
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'kendo-spreadsheet-messages',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/localization/localized-messages.directive.mjs

@@ -1,35 +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, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { MessagesDirective } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class LocalizedMessagesDirective extends MessagesDirective {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoSpreadsheetLocalizedMessages]", providers: [{
-                provide: MessagesDirective,
-                useExisting: forwardRef(() => LocalizedMessagesDirective)
-            }], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [{
-                            provide: MessagesDirective,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
-                        }],
-                    selector: '[kendoSpreadsheetLocalizedMessages]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });