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

package/esm2022/tilelayout/tilelayout.component.mjs

@@ -1,388 +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, HostBinding, Input, Output, EventEmitter, ContentChildren, QueryList, ElementRef, Renderer2, NgZone, ViewChild } from '@angular/core';
-import { TileLayoutDraggingService } from './dragging-service';
-import { Subscription } from 'rxjs';
-import { Draggable } from '@progress/kendo-draggable';
-import { TileLayoutItemComponent } from './tilelayout-item.component';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { hasObservers, isChanged, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { isPresent } from '../common/util';
-import { TileLayoutKeyboardNavigationService } from './keyboard-navigation.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./dragging-service";
-import * as i3 from "./keyboard-navigation.service";
-const autoFlowClasses = {
-    column: 'k-grid-flow-col',
-    row: 'k-grid-flow-row',
-    'column-dense': 'k-grid-flow-col-dense',
-    'row-dense': 'k-grid-flow-row-dense'
-};
-/**
- * Represents the [Kendo UI TileLayout component for Angular]({% slug overview_tilelayout %})
- *
- * @example
- * ```html
- * <kendo-tilelayout [columns]="3" [gap]="10">
- *   <kendo-tilelayout-item>Content 1</kendo-tilelayout-item>
- *   <kendo-tilelayout-item>Content 2</kendo-tilelayout-item>
- * </kendo-tilelayout>
- * ```
- * @remarks
- * Supported children components are: {@link TileLayoutItemComponent}.
- */
-export class TileLayoutComponent {
-    zone;
-    elem;
-    renderer;
-    localization;
-    draggingService;
-    navigationService;
-    /**
-     * Specifies the number of columns ([see example](slug:tiles_tilelayout#size-and-position)).
-     * @default 1
-     */
-    columns = 1;
-    /**
-     * Sets the width of the columns.
-     * Use numeric values for pixels or string values for other CSS units ([see example](slug:tiles_tilelayout#size-and-position)).
-     * @default '1fr'
-     */
-    columnWidth = '1fr';
-    /**
-     * Sets the spacing between layout items in pixels.
-     * Use an object with `rows` and `columns` properties to set different horizontal and vertical spacing.
-     * Use a single number to apply the same spacing to both directions.
-     *
-     * @default { rows: 16, columns: 16 }
-     */
-    set gap(value) {
-        this._gap = (typeof value === 'number') ? { rows: value, columns: value } : Object.assign(this._gap, value);
-    }
-    get gap() {
-        return this._gap;
-    }
-    /**
-     * Enables or disables item reordering ([see example]({% slug reordering_tilelayout %})).
-     * @default false
-     */
-    reorderable = false;
-    /**
-     * Enables or disables item resizing ([see example]({% slug resizing_tilelayout %})).
-     * @default false
-     */
-    resizable = false;
-    /**
-     * Sets the height of the rows.
-     * Use numeric values for pixels or string values for other CSS units ([see example](slug:tiles_tilelayout#size-and-position)).
-     * @default '1fr'
-     */
-    rowHeight = '1fr';
-    /**
-     *
-     * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items are flowed in the TileLayout ([see example]({% slug tiles_autoflow_tilelayout %})).
-     *
-     * For further reference, check the [grid-auto-flow CSS article](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow).
-     * @default 'column'
-     */
-    autoFlow = 'column';
-    /**
-     * Enables or disables [keyboard navigation](slug:keyboard_navigation_tilelayout).
-     * @default true
-     */
-    navigable = true;
-    /**
-     * Fires when item reordering is completed ([see example]({% slug reordering_tilelayout %})).
-     * You can prevent this event to cancel the reorder operation.
-     */
-    reorder = new EventEmitter();
-    /**
-     * Fires when item resizing is completed ([see example]({% slug resizing_tilelayout %})).
-     * You can prevent this event to cancel the resize operation.
-     */
-    resize = new EventEmitter();
-    hostClass = true;
-    hostRole = 'list';
-    get gapStyle() {
-        return `${this.gap.rows}px ${this.gap.columns}px`;
-    }
-    direction;
-    get currentColStart() {
-        return this.draggingService.colStart;
-    }
-    get currentRowStart() {
-        return this.draggingService.rowStart;
-    }
-    get draggedItemWrapper() {
-        return this.draggingService.itemWrapper;
-    }
-    get targetOrder() {
-        return this.draggingService.order;
-    }
-    /**
-     * Contains a query list of the `TileLayoutItemComponent` instances that are used in the TileLayout.
-     * This allows you to access the items programmatically and manipulate their properties or listen to their events.
-     */
-    items;
-    hint;
-    /**
-     * @hidden
-     */
-    showLicenseWatermark = false;
-    /**
-     * @hidden
-     */
-    licenseMessage;
-    draggable;
-    subs = new Subscription();
-    _gap = {
-        rows: 16,
-        columns: 16
-    };
-    constructor(zone, elem, renderer, localization, draggingService, navigationService) {
-        this.zone = zone;
-        this.elem = elem;
-        this.renderer = renderer;
-        this.localization = localization;
-        this.draggingService = draggingService;
-        this.navigationService = navigationService;
-        const isValid = validatePackage(packageMetadata);
-        this.licenseMessage = getLicenseMessage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-    }
-    ngOnInit() {
-        this.applyColStyling();
-        this.applyRowStyling();
-        this.draggingService.reorderable.next(this.reorderable);
-        this.draggingService.resizable.next(this.resizable);
-        this.navigationService.owner = this;
-        this.navigationService.navigable.next(this.navigable);
-        if (hasObservers(this.reorder)) {
-            this.subs.add(this.draggingService.reorder.subscribe(e => this.reorder.emit(e)));
-        }
-        if (hasObservers(this.resize)) {
-            this.subs.add(this.draggingService.resize.subscribe(e => this.resize.emit(e)));
-        }
-        this.subs.add(this.draggingService.reorderable.subscribe(reorderable => {
-            if (reorderable && !this.draggable) {
-                this.initializeDraggable();
-            }
-        }));
-        this.subs.add(this.draggingService.resizable.subscribe(resizable => {
-            if (resizable && !this.draggable) {
-                this.initializeDraggable();
-            }
-        }));
-        this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-        }));
-    }
-    ngAfterViewInit() {
-        this.draggingService.tileLayoutSettings = this.draggingServiceConfig();
-        this.applyAutoFlow(null, autoFlowClasses[this.autoFlow]);
-        this.items.changes.subscribe(() => {
-            this.setItemsOrder();
-            this.draggingService.tileLayoutSettings.items = this.items.toArray();
-        });
-        this.zone.runOutsideAngular(() => {
-            this.elem.nativeElement.addEventListener('focusin', this.onFocusIn);
-        });
-    }
-    ngAfterContentInit() {
-        this.setItemsOrder();
-    }
-    ngOnChanges(changes) {
-        if (changes['columns'] || changes['columnWidth']) {
-            this.applyColStyling();
-        }
-        if (changes['rowHeight']) {
-            this.applyRowStyling();
-        }
-        if (isChanged('reorderable', changes)) {
-            this.draggingService.reorderable.next(changes['reorderable'].currentValue);
-        }
-        if (isChanged('resizable', changes)) {
-            this.draggingService.resizable.next(changes['resizable'].currentValue);
-        }
-        if (changes['gap'] || changes['autoFlow'] || changes['columns']) {
-            this.draggingService.tileLayoutSettings = this.draggingServiceConfig();
-            if (changes['autoFlow']) {
-                this.applyAutoFlow(autoFlowClasses[changes['autoFlow'].previousValue] || '', autoFlowClasses[changes['autoFlow'].currentValue]);
-            }
-        }
-        if (isChanged('navigable', changes)) {
-            this.navigationService.navigable.next(changes['navigable'].currentValue);
-        }
-    }
-    ngOnDestroy() {
-        if (this.draggable) {
-            this.draggable.destroy();
-        }
-        this.subs.unsubscribe();
-        this.elem.nativeElement.removeEventListener('focusin', this.onFocusIn);
-    }
-    handlePress({ originalEvent }) {
-        this.draggingService.handlePress(originalEvent);
-    }
-    handleDrag({ originalEvent }) {
-        this.draggingService.handleDrag(originalEvent);
-    }
-    handleRelease({ originalEvent }) {
-        this.draggingService.handleRelease(originalEvent);
-    }
-    applyColStyling() {
-        const colWidth = typeof this.columnWidth === 'number' ? `${this.columnWidth}px` : this.columnWidth;
-        const gridTemplateColumnsStyle = `repeat(${this.columns}, ${colWidth})`;
-        this.renderer.setStyle(this.elem.nativeElement, 'grid-template-columns', gridTemplateColumnsStyle);
-    }
-    applyRowStyling() {
-        const rowHeight = typeof this.rowHeight === 'number' ? `${this.rowHeight}px` : this.rowHeight;
-        const gridAutoRowsStyle = `${rowHeight}`;
-        this.renderer.setStyle(this.elem.nativeElement, 'grid-auto-rows', gridAutoRowsStyle);
-    }
-    draggingServiceConfig() {
-        return {
-            tileLayoutElement: this.elem ? this.elem.nativeElement : undefined,
-            hintElement: this.hint ? this.hint.nativeElement : undefined,
-            gap: this.gap,
-            columns: this.columns,
-            autoFlow: this.autoFlow,
-            items: this.items ? this.items.toArray() : []
-        };
-    }
-    initializeDraggable() {
-        this.draggable = new Draggable({
-            press: this.handlePress.bind(this),
-            drag: this.handleDrag.bind(this),
-            release: this.handleRelease.bind(this)
-        });
-        this.zone.runOutsideAngular(() => this.draggable.bindTo(this.elem.nativeElement));
-    }
-    applyAutoFlow(classToRemove, classToAdd) {
-        const element = this.elem.nativeElement;
-        if (classToRemove) {
-            this.renderer.removeClass(element, classToRemove);
-        }
-        if (this.autoFlow !== 'none' && isPresent(classToAdd)) {
-            this.renderer.addClass(element, classToAdd);
-        }
-    }
-    setItemsOrder() {
-        this.items.forEach((item, index) => {
-            if (!isPresent(item.order)) {
-                item.order = index;
-            }
-        });
-    }
-    onFocusIn = (e) => {
-        if (!this.navigable || this.navigationService.mousedown || !e.relatedTarget) {
-            this.navigationService.mousedown = false;
-            return;
-        }
-        if (!(this.elem.nativeElement.compareDocumentPosition(e.relatedTarget) & Node.DOCUMENT_POSITION_CONTAINED_BY)) {
-            this.navigationService.returnFocus();
-        }
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TileLayoutComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.TileLayoutDraggingService }, { token: i3.TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TileLayoutComponent, isStandalone: true, selector: "kendo-tilelayout", inputs: { columns: "columns", columnWidth: "columnWidth", gap: "gap", reorderable: "reorderable", resizable: "resizable", rowHeight: "rowHeight", autoFlow: "autoFlow", navigable: "navigable" }, outputs: { reorder: "reorder", resize: "resize" }, host: { properties: { "class.k-tilelayout": "this.hostClass", "attr.role": "this.hostRole", "style.gap": "this.gapStyle", "style.padding": "this.gapStyle", "attr.dir": "this.direction" } }, providers: [
-            LocalizationService,
-            TileLayoutDraggingService,
-            TileLayoutKeyboardNavigationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.tilelayout.component'
-            }
-        ], queries: [{ propertyName: "items", predicate: TileLayoutItemComponent }], viewQueries: [{ propertyName: "hint", first: true, predicate: ["hint"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-        <ng-content></ng-content>
-        <div #hint class="k-layout-item-hint"
-          [style.display]="'none'"
-          [style.order]="targetOrder"
-          [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"
-          [style.gridRowEnd]="draggedItemWrapper?.style.gridRowEnd"
-          [style.gridColumnStart]="currentColStart"
-          [style.gridRowStart]="currentRowStart"
-          [style.zIndex]="'1'">
-        </div>
-        @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TileLayoutComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-tilelayout',
-                    providers: [
-                        LocalizationService,
-                        TileLayoutDraggingService,
-                        TileLayoutKeyboardNavigationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.tilelayout.component'
-                        }
-                    ],
-                    template: `
-        <ng-content></ng-content>
-        <div #hint class="k-layout-item-hint"
-          [style.display]="'none'"
-          [style.order]="targetOrder"
-          [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"
-          [style.gridRowEnd]="draggedItemWrapper?.style.gridRowEnd"
-          [style.gridColumnStart]="currentColStart"
-          [style.gridRowStart]="currentRowStart"
-          [style.zIndex]="'1'">
-        </div>
-        @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
-        }
-        `,
-                    standalone: true,
-                    imports: [WatermarkOverlayComponent]
-                }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i2.TileLayoutDraggingService }, { type: i3.TileLayoutKeyboardNavigationService }], propDecorators: { columns: [{
-                type: Input
-            }], columnWidth: [{
-                type: Input
-            }], gap: [{
-                type: Input
-            }], reorderable: [{
-                type: Input
-            }], resizable: [{
-                type: Input
-            }], rowHeight: [{
-                type: Input
-            }], autoFlow: [{
-                type: Input
-            }], navigable: [{
-                type: Input
-            }], reorder: [{
-                type: Output
-            }], resize: [{
-                type: Output
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-tilelayout']
-            }], hostRole: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], gapStyle: [{
-                type: HostBinding,
-                args: ['style.gap']
-            }, {
-                type: HostBinding,
-                args: ['style.padding']
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], items: [{
-                type: ContentChildren,
-                args: [TileLayoutItemComponent]
-            }], hint: [{
-                type: ViewChild,
-                args: ['hint', { static: false }]
-            }] } });

package/esm2022/tilelayout/util.mjs

@@ -1,138 +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 { isDocumentAvailable, Keys } from '@progress/kendo-angular-common';
-import { isPresent } from '../common/util';
-/**
- * @hidden
- */
-let idx = 0;
-/**
- * @hidden
- */
-export const getId = (prefix) => {
-    return `${prefix}-${++idx}`;
-};
-/**
- * @hidden
- */
-export const normalizeValue = (value, max = Infinity) => {
-    const normalizedValue = isPresent(value) ? Math.min(Math.max(+value, 1), max) : value;
-    return normalizedValue;
-};
-/**
- * @hidden
- */
-export const isRowItemPresent = (items) => {
-    return items.some(item => isPresent(item.row));
-};
-/**
- * @hidden
- */
-export const propsChanged = (initialProps, newProps) => {
-    for (let i = 0; i < initialProps.length; i++) {
-        if (initialProps[i] !== newProps[i]) {
-            return true;
-        }
-    }
-    return false;
-};
-/**
- * @hidden
- *
- * Extracts the event target from the viewport coords. Required for touch devices
- * where the `event.target` of a `pointermove` event is always the initially dragged item.
- */
-export const getDropTarget = (event) => {
-    if (!(isDocumentAvailable() && isPresent(document.elementsFromPoint))) {
-        return [event.target];
-    }
-    return document.elementsFromPoint(event.clientX, event.clientY)
-        .filter(item => item.classList && (item.classList.contains('k-tilelayout-item') || item.classList.contains('k-layout-item-hint')));
-};
-/**
- * @hidden
- */
-export const setElementStyles = (renderer, elem, styles) => {
-    const props = Object.keys(styles);
-    props.forEach(p => {
-        renderer.setStyle(elem, p, styles[p]);
-    });
-};
-/**
- * @hidden
- */
-export const calculateCellFromPosition = (coordinates, tileLayoutElement, gap, cellSize, columns, rtl = false) => {
-    const tileLayoutRect = tileLayoutElement.getBoundingClientRect();
-    const totalRows = (tileLayoutRect.height - gap.rows) / (cellSize.height + gap.rows);
-    const distanceFromTop = coordinates.y - tileLayoutRect.y;
-    const distanceFromLeft = coordinates.x - tileLayoutRect.x;
-    const distanceFromRight = tileLayoutRect.right - coordinates.x;
-    const distanceToCellWidthRatio = Math.floor((rtl ? distanceFromRight : distanceFromLeft) / (gap.columns + cellSize.width));
-    const cappedColumnPosition = Math.min(distanceToCellWidthRatio + 1, columns);
-    const distanceToCellHeightRatio = Math.floor(distanceFromTop / (gap.rows + cellSize.height));
-    const cappedRowPosition = Math.min(distanceToCellHeightRatio + 1, totalRows);
-    const col = Math.max(cappedColumnPosition, 0);
-    const row = Math.max(cappedRowPosition, 0);
-    return {
-        row, col
-    };
-};
-/**
- * @hidden
- */
-export const calculateOrderFromCell = (row, col, items, draggedItem, tileLayoutElement, gap, cellSize, columns) => {
-    let order = 0;
-    items.forEach(item => {
-        const rect = item.elem.nativeElement.getBoundingClientRect();
-        const start = calculateCellFromPosition({
-            x: rect.x,
-            y: rect.y
-        }, tileLayoutElement, gap, cellSize, columns);
-        if (item !== draggedItem && ((start.row === row && start.col < col) || start.row < row)) {
-            order++;
-        }
-    });
-    return order;
-};
-/**
- * @hidden
- */
-export const shouldResize = (keyCode, col, selectedTile, settings) => {
-    const resizeRight = keyCode === Keys.ArrowRight && col + selectedTile.colSpan <= settings.columns;
-    const resizeLeft = keyCode === Keys.ArrowLeft && selectedTile.colSpan > 1;
-    const resizeDown = keyCode === Keys.ArrowDown;
-    const resizeUp = keyCode === Keys.ArrowUp && selectedTile.rowSpan > 1;
-    return { resizeRight, resizeLeft, resizeDown, resizeUp };
-};
-/**
- * @hidden
- */
-export const shouldReorder = (keyCode, col, selectedTile, settings) => {
-    let reorderRight;
-    let reorderLeft;
-    if (selectedTile.col) {
-        reorderRight = keyCode === Keys.ArrowRight && selectedTile.colSpan + col <= settings.columns;
-        reorderLeft = keyCode === Keys.ArrowLeft && col > 1;
-    }
-    else {
-        reorderRight = keyCode === Keys.ArrowRight && selectedTile.colSpan + selectedTile.order < settings.items.length;
-        reorderLeft = keyCode === Keys.ArrowLeft && selectedTile.order > 0;
-    }
-    return { reorderLeft, reorderRight };
-};
-/**
- * @hidden
- */
-export const getCurrentCol = (selectedTile, settings, rtl) => {
-    const rects = selectedTile.elem.nativeElement.getBoundingClientRect();
-    const targetSize = {
-        rowSpan: selectedTile.rowSpan,
-        colSpan: selectedTile.colSpan
-    };
-    const width = (rects.width - ((targetSize.colSpan - 1) * settings.gap.columns)) / targetSize.colSpan;
-    const height = (rects.height - ((targetSize.rowSpan - 1) * settings.gap.rows)) / targetSize.rowSpan;
-    const { col } = calculateCellFromPosition({ x: rects.x, y: rects.y }, settings.tileLayoutElement, settings.gap, { width: width, height: height }, settings.columns, rtl);
-    return col;
-};

package/esm2022/tilelayout.module.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 { NgModule } from '@angular/core';
-import { KENDO_TILELAYOUT } from './directives';
-import * as i0 from "@angular/core";
-import * as i1 from "./tilelayout/tilelayout.component";
-import * as i2 from "./tilelayout/tilelayout-item-body.component";
-import * as i3 from "./tilelayout/tilelayout-item.component";
-import * as i4 from "./tilelayout/tilelayout-item-header.component";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the TileLayout component.
- *
- * Use this module to add the TileLayout component to your NgModule-based Angular application.
- *
- * @example
- * ```typescript
- * import { TileLayoutModule } from '@progress/kendo-angular-layout';
- * import { NgModule } from '@angular/core';
- *
- * @NgModule({
- *   imports: [TileLayoutModule]
- * })
- * export class AppModule { }
- * ```
- */
-export class TileLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TileLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: TileLayoutModule, imports: [i1.TileLayoutComponent, i2.TileLayoutItemBodyComponent, i3.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent], exports: [i1.TileLayoutComponent, i2.TileLayoutItemBodyComponent, i3.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TileLayoutModule, imports: [i1.TileLayoutComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TileLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_TILELAYOUT],
-                    imports: [...KENDO_TILELAYOUT]
-                }]
-        }] });

package/esm2022/timeline/events/navigation-direction.mjs

@@ -1,5 +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 {};

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

@@ -1,43 +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 { LocalizationService } from '@progress/kendo-angular-l10n';
-import { TimelineMessages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * Custom component messages override default component messages.
- */
-export class TimelineCustomMessagesComponent extends TimelineMessages {
-    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: TimelineCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimelineCustomMessagesComponent, isStandalone: true, selector: "kendo-timeline-messages", providers: [
-            {
-                provide: TimelineMessages,
-                useExisting: forwardRef(() => TimelineCustomMessagesComponent),
-            },
-        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineCustomMessagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: TimelineMessages,
-                            useExisting: forwardRef(() => TimelineCustomMessagesComponent),
-                        },
-                    ],
-                    selector: 'kendo-timeline-messages',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

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

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