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

package/esm2022/rendering/gantt-task.component.mjs

@@ -1,227 +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 { ChangeDetectorRef, Component, forwardRef, Input, TemplateRef } from '@angular/core';
-import { MappingService } from '../common/mapping.service';
-import { NavigationService } from '../navigation/navigation.service';
-import { EditService } from '../editing/edit.service';
-import { DependencyDomService } from '../dependencies/dependency-dom.service';
-import { OptionChangesService } from '../common/option-changes.service';
-import { TimelineViewService } from './../timeline/timeline-view.service';
-import { GanttTaskBase } from './gantt-task-base';
-import { xIcon } from '@progress/kendo-svg-icons';
-import { NgClass, NgTemplateOutlet } from '@angular/common';
-import { EventsOutsideAngularDirective, isPresent } from '@progress/kendo-angular-common';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { touchEnabled } from '@progress/kendo-common';
-import * as i0 from "@angular/core";
-import * as i1 from "../editing/edit.service";
-import * as i2 from "../common/mapping.service";
-import * as i3 from "./../timeline/timeline-view.service";
-import * as i4 from "../dependencies/dependency-dom.service";
-import * as i5 from "../common/option-changes.service";
-import * as i6 from "../navigation/navigation.service";
-/**
- * @hidden
- */
-export class GanttTaskComponent extends GanttTaskBase {
-    editService;
-    taskContentTemplate;
-    taskTemplate;
-    xIcon = xIcon;
-    touchEnabled = touchEnabled;
-    get showDragHandles() {
-        return isPresent(this.taskDragService);
-    }
-    constructor(editService, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
-        super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService);
-        this.editService = editService;
-    }
-    onTaskDelete() {
-        this.editService.dataItem = this.dataItem;
-        this.editService.taskDelete.next(this.dataItem);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskComponent, deps: [{ token: i1.EditService }, { token: i2.MappingService }, { token: i3.TimelineViewService }, { token: i4.DependencyDomService }, { token: i5.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i6.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GanttTaskComponent, isStandalone: true, selector: "kendo-gantt-task", inputs: { taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate" }, providers: [
-            {
-                provide: GanttTaskBase,
-                useExisting: forwardRef(() => GanttTaskComponent)
-            }
-        ], usesInheritance: true, ngImport: i0, template: `
-        <div
-          #task
-          class="k-task k-task-single"
-          role="treeitem"
-          [ngClass]="taskClass(dataItem)"
-          [style.width.px]="taskWidth"
-          [attr.title]="mapper.extractFromTask(dataItem, 'title')"
-          [class.k-selected]="isSelected(dataItem)"
-          [attr.aria-selected]="ariaSelected"
-          [attr.aria-level]="level + 1"
-          >
-          @if (!taskTemplate) {
-            <div
-              class="k-task-complete"
-              [style.width.px]="draggedCompletionWidth ?? completionOverlayWidth"
-              aria-hidden="true"
-              >
-            </div>
-            <div class="k-task-content">
-              <div class="k-task-template">
-                @if (!taskContentTemplate) {
-                  {{ mapper.extractFromTask(dataItem, 'title') }}
-                } @else {
-                  <ng-template
-                    [ngTemplateOutlet]="taskContentTemplate"
-                    [ngTemplateOutletContext]="{ $implicit: dataItem }"
-                  ></ng-template>
-                }
-              </div>
-              <span
-                class="k-task-actions"
-                aria-hidden="true"
-                >
-                <span
-                  class="k-link k-task-delete"
-                            [kendoEventsOutsideAngular]="{
-                                click: onTaskDelete
-                            }"
-                  [scope]="this"
-                  >
-                  <kendo-icon-wrapper
-                    icon="x"
-                  [svgIcon]="xIcon"></kendo-icon-wrapper>
-                </span>
-              </span>
-              @if (showDragHandles) {
-                <span class="k-resize-handle k-resize-w"></span>
-                <span class="k-resize-handle k-resize-e"></span>
-              }
-            </div>
-          }
-          @if (taskTemplate) {
-            <ng-template
-              [ngTemplateOutlet]="taskTemplate"
-                [ngTemplateOutletContext]="{
-                    $implicit: dataItem,
-                    elementWidth: taskWidth
-                }"
-            ></ng-template>
-          }
-        </div>
-        @if (showDragHandles) {
-          <div class="k-task-draghandle"
-          [style.left.px]="draggedCompletionWidth ?? completionOverlayWidth"></div>
-        }
-        @if (renderDependencyDragClues) {
-          <div
-            class="k-task-dot k-task-start k-touch-action-none"
-            [class.k-display-block]="touchEnabled"
-            >
-          </div>
-          <div
-            class="k-task-dot k-task-end k-touch-action-none"
-            [class.k-display-block]="touchEnabled"
-            >
-          </div>
-        }
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-gantt-task',
-                    providers: [
-                        {
-                            provide: GanttTaskBase,
-                            useExisting: forwardRef(() => GanttTaskComponent)
-                        }
-                    ],
-                    template: `
-        <div
-          #task
-          class="k-task k-task-single"
-          role="treeitem"
-          [ngClass]="taskClass(dataItem)"
-          [style.width.px]="taskWidth"
-          [attr.title]="mapper.extractFromTask(dataItem, 'title')"
-          [class.k-selected]="isSelected(dataItem)"
-          [attr.aria-selected]="ariaSelected"
-          [attr.aria-level]="level + 1"
-          >
-          @if (!taskTemplate) {
-            <div
-              class="k-task-complete"
-              [style.width.px]="draggedCompletionWidth ?? completionOverlayWidth"
-              aria-hidden="true"
-              >
-            </div>
-            <div class="k-task-content">
-              <div class="k-task-template">
-                @if (!taskContentTemplate) {
-                  {{ mapper.extractFromTask(dataItem, 'title') }}
-                } @else {
-                  <ng-template
-                    [ngTemplateOutlet]="taskContentTemplate"
-                    [ngTemplateOutletContext]="{ $implicit: dataItem }"
-                  ></ng-template>
-                }
-              </div>
-              <span
-                class="k-task-actions"
-                aria-hidden="true"
-                >
-                <span
-                  class="k-link k-task-delete"
-                            [kendoEventsOutsideAngular]="{
-                                click: onTaskDelete
-                            }"
-                  [scope]="this"
-                  >
-                  <kendo-icon-wrapper
-                    icon="x"
-                  [svgIcon]="xIcon"></kendo-icon-wrapper>
-                </span>
-              </span>
-              @if (showDragHandles) {
-                <span class="k-resize-handle k-resize-w"></span>
-                <span class="k-resize-handle k-resize-e"></span>
-              }
-            </div>
-          }
-          @if (taskTemplate) {
-            <ng-template
-              [ngTemplateOutlet]="taskTemplate"
-                [ngTemplateOutletContext]="{
-                    $implicit: dataItem,
-                    elementWidth: taskWidth
-                }"
-            ></ng-template>
-          }
-        </div>
-        @if (showDragHandles) {
-          <div class="k-task-draghandle"
-          [style.left.px]="draggedCompletionWidth ?? completionOverlayWidth"></div>
-        }
-        @if (renderDependencyDragClues) {
-          <div
-            class="k-task-dot k-task-start k-touch-action-none"
-            [class.k-display-block]="touchEnabled"
-            >
-          </div>
-          <div
-            class="k-task-dot k-task-end k-touch-action-none"
-            [class.k-display-block]="touchEnabled"
-            >
-          </div>
-        }
-        `,
-                    standalone: true,
-                    imports: [NgClass, NgTemplateOutlet, EventsOutsideAngularDirective, IconWrapperComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.EditService }, { type: i2.MappingService }, { type: i3.TimelineViewService }, { type: i4.DependencyDomService }, { type: i5.OptionChangesService }, { type: i0.ChangeDetectorRef }, { type: i6.NavigationService }], propDecorators: { taskContentTemplate: [{
-                type: Input
-            }], taskTemplate: [{
-                type: Input
-            }] } });

package/esm2022/rendering/gantt-tasks-table-body.component.mjs

@@ -1,206 +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, Input, TemplateRef, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';
-import { isEqual } from '@progress/kendo-date-math';
-import { DependencyDomService } from '../dependencies/dependency-dom.service';
-import { MappingService } from '../common/mapping.service';
-import { isPresent } from '../utils';
-import { GanttTaskComponent } from './gantt-task.component';
-import { GanttSummaryTaskComponent } from './gantt-summary-task.component';
-import { GanttMilestoneTaskComponent } from './gantt-milestone-task.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../dependencies/dependency-dom.service";
-import * as i2 from "../common/mapping.service";
-/**
- * @hidden
- */
-export class GanttTasksTableBodyComponent {
-    dependencyDomService;
-    mapper;
-    set timelineRow(timelineRow) {
-        // register the row value only when the first row is rendered
-        // with server-side data-binding, the rows rendering could be delayed
-        if (isPresent(timelineRow)) {
-            this.dependencyDomService.registerTimelineRow(timelineRow.nativeElement);
-        }
-    }
-    selectable;
-    rows;
-    activeView;
-    taskContentTemplate;
-    taskTemplate;
-    summaryTaskTemplate;
-    taskClass;
-    isExpanded;
-    isTaskSelected;
-    renderDependencyDragClues;
-    taskPointerEnter = new EventEmitter();
-    taskPointerLeave = new EventEmitter();
-    constructor(dependencyDomService, mapper) {
-        this.dependencyDomService = dependencyDomService;
-        this.mapper = mapper;
-    }
-    trackBy = (_, item) => this.mapper.extractFromTask(item, 'id');
-    isMileStone(item) {
-        return !item.hasChildren && isEqual(this.mapper.extractFromTask(item.data, 'start'), this.mapper.extractFromTask(item.data, 'end'));
-    }
-    mapItemToTask(item) {
-        const mappedItem = ['id', 'title', 'completionRatio', 'start', 'end']
-            .reduce((acc, curr) => {
-            acc[curr] = this.mapper.extractFromTask(item.data, curr);
-            return acc;
-        }, {});
-        return mappedItem;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTasksTableBodyComponent, deps: [{ token: i1.DependencyDomService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GanttTasksTableBodyComponent, isStandalone: true, selector: "[kendoGanttTasksTableBody]", inputs: { selectable: "selectable", rows: "rows", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", isExpanded: "isExpanded", isTaskSelected: "isTaskSelected", renderDependencyDragClues: "renderDependencyDragClues" }, outputs: { taskPointerEnter: "taskPointerEnter", taskPointerLeave: "taskPointerLeave" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
-        @for (item of rows; track trackBy($index, item); let index = $index) {
-          <tr class="k-table-row" #timelineRow>
-            <td class="k-table-td">
-              @if (isMileStone(item)) {
-                <kendo-gantt-milestone-task
-                  [dataItem]="item.data"
-                  [level]="item.level"
-                  [activeView]="activeView"
-                  [taskClass]="taskClass"
-                  [selectable]="selectable"
-                  [isSelected]="isTaskSelected"
-                  [index]="index"
-                  [renderDependencyDragClues]="renderDependencyDragClues"
-                  (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
-                  (pointerleave)="taskPointerLeave.emit()"
-                  >
-                </kendo-gantt-milestone-task>
-              } @else {
-                @if (item.hasChildren) {
-                  <kendo-gantt-summary-task
-                    [dataItem]="item.data"
-                    [level]="item.level"
-                    [template]="summaryTaskTemplate"
-                    [activeView]="activeView"
-                    [taskClass]="taskClass"
-                    [selectable]="selectable"
-                    [isSelected]="isTaskSelected"
-                    [isExpanded]="isExpanded"
-                    [index]="index"
-                    [renderDependencyDragClues]="renderDependencyDragClues"
-                    (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
-                    (pointerleave)="taskPointerLeave.emit()"
-                  ></kendo-gantt-summary-task>
-                }
-                @if (!item.hasChildren) {
-                  <kendo-gantt-task
-                    [dataItem]="item.data"
-                    [level]="item.level"
-                    [taskContentTemplate]="taskContentTemplate"
-                    [taskTemplate]="taskTemplate"
-                    [activeView]="activeView"
-                    [taskClass]="taskClass"
-                    [selectable]="selectable"
-                    [isSelected]="isTaskSelected"
-                    [index]="index"
-                    [renderDependencyDragClues]="renderDependencyDragClues"
-                    (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
-                    (pointerleave)="taskPointerLeave.emit()"
-                  ></kendo-gantt-task>
-                }
-              }
-            </td>
-          </tr>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: GanttMilestoneTaskComponent, selector: "kendo-gantt-milestone-task" }, { kind: "component", type: GanttSummaryTaskComponent, selector: "kendo-gantt-summary-task", inputs: ["template", "isExpanded"] }, { kind: "component", type: GanttTaskComponent, selector: "kendo-gantt-task", inputs: ["taskContentTemplate", "taskTemplate"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTasksTableBodyComponent, decorators: [{
-            type: Component,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: '[kendoGanttTasksTableBody]',
-                    template: `
-        @for (item of rows; track trackBy($index, item); let index = $index) {
-          <tr class="k-table-row" #timelineRow>
-            <td class="k-table-td">
-              @if (isMileStone(item)) {
-                <kendo-gantt-milestone-task
-                  [dataItem]="item.data"
-                  [level]="item.level"
-                  [activeView]="activeView"
-                  [taskClass]="taskClass"
-                  [selectable]="selectable"
-                  [isSelected]="isTaskSelected"
-                  [index]="index"
-                  [renderDependencyDragClues]="renderDependencyDragClues"
-                  (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
-                  (pointerleave)="taskPointerLeave.emit()"
-                  >
-                </kendo-gantt-milestone-task>
-              } @else {
-                @if (item.hasChildren) {
-                  <kendo-gantt-summary-task
-                    [dataItem]="item.data"
-                    [level]="item.level"
-                    [template]="summaryTaskTemplate"
-                    [activeView]="activeView"
-                    [taskClass]="taskClass"
-                    [selectable]="selectable"
-                    [isSelected]="isTaskSelected"
-                    [isExpanded]="isExpanded"
-                    [index]="index"
-                    [renderDependencyDragClues]="renderDependencyDragClues"
-                    (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
-                    (pointerleave)="taskPointerLeave.emit()"
-                  ></kendo-gantt-summary-task>
-                }
-                @if (!item.hasChildren) {
-                  <kendo-gantt-task
-                    [dataItem]="item.data"
-                    [level]="item.level"
-                    [taskContentTemplate]="taskContentTemplate"
-                    [taskTemplate]="taskTemplate"
-                    [activeView]="activeView"
-                    [taskClass]="taskClass"
-                    [selectable]="selectable"
-                    [isSelected]="isTaskSelected"
-                    [index]="index"
-                    [renderDependencyDragClues]="renderDependencyDragClues"
-                    (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
-                    (pointerleave)="taskPointerLeave.emit()"
-                  ></kendo-gantt-task>
-                }
-              }
-            </td>
-          </tr>
-        }
-        `,
-                    standalone: true,
-                    imports: [GanttMilestoneTaskComponent, GanttSummaryTaskComponent, GanttTaskComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.DependencyDomService }, { type: i2.MappingService }], propDecorators: { timelineRow: [{
-                type: ViewChild,
-                args: ['timelineRow', { static: false }]
-            }], selectable: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }], activeView: [{
-                type: Input
-            }], taskContentTemplate: [{
-                type: Input
-            }], taskTemplate: [{
-                type: Input
-            }], summaryTaskTemplate: [{
-                type: Input
-            }], taskClass: [{
-                type: Input
-            }], isExpanded: [{
-                type: Input
-            }], isTaskSelected: [{
-                type: Input
-            }], renderDependencyDragClues: [{
-                type: Input
-            }], taskPointerEnter: [{
-                type: Output
-            }], taskPointerLeave: [{
-                type: Output
-            }] } });

package/esm2022/scrolling/drag-scroll-settings.mjs

@@ -1,20 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var ScrollDirection;
-(function (ScrollDirection) {
-    ScrollDirection[ScrollDirection["Backwards"] = -1] = "Backwards";
-    ScrollDirection[ScrollDirection["Forward"] = 1] = "Forward";
-})(ScrollDirection || (ScrollDirection = {}));
-/**
- * @hidden
- */
-export var ScrollAxis;
-(function (ScrollAxis) {
-    ScrollAxis["Vertical"] = "scrollTop";
-    ScrollAxis["Horizontal"] = "scrollLeft";
-})(ScrollAxis || (ScrollAxis = {}));

package/esm2022/scrolling/scroll-sync.service.mjs

@@ -1,83 +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 { Injectable, NgZone } from '@angular/core';
-import { Subscription, Subject, fromEvent } from 'rxjs';
-import { distinctUntilChanged, map, take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class ScrollSyncService {
-    ngZone;
-    changes = new Subject();
-    elements = [];
-    subscriptions = new Subscription();
-    syncingTimeline;
-    syncingTreeList;
-    constructor(ngZone) {
-        this.ngZone = ngZone;
-        this.subscriptions.add(this.changes.subscribe(args => {
-            this.scroll(args);
-        }));
-    }
-    registerElement(el, sourceType) {
-        this.elements.push({ element: el, sourceType });
-        if (sourceType === "timeline" || sourceType === "treelist") {
-            this.ngZone.runOutsideAngular(() => {
-                const obs = fromEvent(el, 'scroll').pipe(map(({ target: { scrollTop, scrollLeft } }) => ({
-                    scrollTop,
-                    scrollLeft,
-                    sourceType
-                })));
-                const comparisonFn = sourceType === 'timeline' ?
-                    (x, y) => (x.scrollTop === y.scrollTop) && (x.scrollLeft === y.scrollLeft) :
-                    (x, y) => (x.scrollTop === y.scrollTop);
-                this.subscriptions.add(obs.pipe(distinctUntilChanged(comparisonFn))
-                    .subscribe((event) => this.changes.next(event)));
-            });
-        }
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-        this.elements = null;
-    }
-    syncScrollTop(sourceType, targetType) {
-        const source = this.elements.find(element => element.sourceType === sourceType);
-        const target = this.elements.find(element => element.sourceType === targetType);
-        // Need to wait for the splitter pane's content to be rendered
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => target.element.scrollTop = source.element.scrollTop);
-    }
-    resetTimelineScrollLeft() {
-        const source = this.elements.find(element => element.sourceType === 'timeline');
-        source.element.scrollLeft = 0;
-    }
-    scroll({ scrollTop, scrollLeft, sourceType }) {
-        this.ngZone.runOutsideAngular(() => {
-            if (sourceType === 'timeline') {
-                const header = this.elements.find(element => element.sourceType === 'header').element;
-                header.scrollLeft = scrollLeft;
-                if (!this.syncingTimeline) {
-                    this.syncingTreeList = true;
-                    const treelist = this.elements.find(element => element.sourceType === 'treelist').element;
-                    treelist.scrollTop = scrollTop;
-                }
-                this.syncingTimeline = false;
-            }
-            if (sourceType === 'treelist') {
-                if (!this.syncingTreeList) {
-                    this.syncingTimeline = true;
-                    const timeline = this.elements.find(element => element.sourceType === 'timeline').element;
-                    timeline.scrollTop = scrollTop;
-                }
-                this.syncingTreeList = false;
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollSyncService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollSyncService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollSyncService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }] });

package/esm2022/scrolling/timeline-scroll.directive.mjs

@@ -1,83 +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, ElementRef, Input, NgZone } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { isPresent } from '../utils';
-import { ScrollAxis, ScrollDirection } from './drag-scroll-settings';
-import { TimelineScrollService } from './timeline-scroll.service';
-import { getViewportBoundaries, scrollElement } from './utils';
-import * as i0 from "@angular/core";
-import * as i1 from "./timeline-scroll.service";
-/**
- * @hidden
- */
-export class TimelineScrollableDirective {
-    timelineScrollableContainer;
-    scrollService;
-    zone;
-    scrollSettings;
-    subscriptions = new Subscription();
-    verticalScrollInterval;
-    horizontalScrollInterval;
-    constructor(timelineScrollableContainer, scrollService, zone) {
-        this.timelineScrollableContainer = timelineScrollableContainer;
-        this.scrollService = scrollService;
-        this.zone = zone;
-        this.subscriptions.add(this.scrollService.horizontalScroll
-            .subscribe(this.scrollHorizontallyTo.bind(this)));
-        this.subscriptions.add(this.scrollService.verticalScroll
-            .subscribe(this.scrollVerticallyTo.bind(this)));
-        this.subscriptions.add(this.scrollService.scrollCancel
-            .subscribe(this.cancelScroll.bind(this)));
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    scrollHorizontallyTo(left) {
-        this.zone.runOutsideAngular(() => {
-            const container = this.timelineScrollableContainer.nativeElement;
-            const visibleBoundaries = getViewportBoundaries(container);
-            if (left < visibleBoundaries.left + this.scrollSettings.threshold) {
-                this.horizontalScrollInterval = setInterval(() => scrollElement(container, this.scrollSettings.step, ScrollDirection.Backwards, ScrollAxis.Horizontal), this.scrollSettings.interval);
-            }
-            else if (left > visibleBoundaries.right - this.scrollSettings.threshold) {
-                this.horizontalScrollInterval = setInterval(() => scrollElement(container, this.scrollSettings.step, ScrollDirection.Forward, ScrollAxis.Horizontal), this.scrollSettings.interval);
-            }
-        });
-    }
-    scrollVerticallyTo(top) {
-        this.zone.runOutsideAngular(() => {
-            const container = this.timelineScrollableContainer.nativeElement;
-            const visibleBoundaries = getViewportBoundaries(container);
-            if (top < visibleBoundaries.top + this.scrollSettings.threshold) {
-                this.verticalScrollInterval = setInterval(() => scrollElement(container, this.scrollSettings.step, ScrollDirection.Backwards, ScrollAxis.Vertical), this.scrollSettings.interval);
-            }
-            else if (top > visibleBoundaries.bottom - this.scrollSettings.threshold) {
-                this.verticalScrollInterval = setInterval(() => scrollElement(container, this.scrollSettings.step, ScrollDirection.Forward, ScrollAxis.Vertical), this.scrollSettings.interval);
-            }
-        });
-    }
-    cancelScroll() {
-        if (isPresent(this.verticalScrollInterval)) {
-            clearInterval(this.verticalScrollInterval);
-            this.verticalScrollInterval = null;
-        }
-        if (isPresent(this.horizontalScrollInterval)) {
-            clearInterval(this.horizontalScrollInterval);
-            this.horizontalScrollInterval = null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineScrollableDirective, deps: [{ token: i0.ElementRef }, { token: i1.TimelineScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TimelineScrollableDirective, isStandalone: true, selector: "[kendoGanttTimelineScrollable]", inputs: { scrollSettings: "scrollSettings" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineScrollableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGanttTimelineScrollable]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.TimelineScrollService }, { type: i0.NgZone }], propDecorators: { scrollSettings: [{
-                type: Input
-            }] } });

package/esm2022/scrolling/timeline-scroll.service.mjs

@@ -1,37 +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 { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- *
- * Notifies the timeline-scroll.directive to scroll into view to requested coordinates.
- * The scrolling is performed based on client (viewport) coordinates.
- */
-export class TimelineScrollService {
-    horizontalScroll = new Subject();
-    verticalScroll = new Subject();
-    scrollCancel = new Subject();
-    ngOnDestroy() {
-        this.horizontalScroll.complete();
-        this.verticalScroll.complete();
-        this.scrollCancel.complete();
-    }
-    requestHorizontalScroll(clientTop) {
-        this.horizontalScroll.next(clientTop);
-    }
-    requestVerticalScroll(clientLeft) {
-        this.verticalScroll.next(clientLeft);
-    }
-    requestScrollCancel() {
-        this.scrollCancel.next(undefined);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineScrollService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineScrollService, decorators: [{
-            type: Injectable
-        }] });