@progress/kendo-angular-gantt 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/template-directives/task-template.directive.mjs

@@ -32,13 +32,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class GanttTaskTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttTaskTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskTemplate]", ngImport: i0 });
 }
-GanttTaskTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-GanttTaskTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GanttTaskTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttTaskTemplate]',

package/{esm2020 → esm2022}/timeline/current-time-marker.service.mjs

@@ -11,30 +11,15 @@ const MS_PER_MINUTE = 60 * MS_PER_SECOND;
  * @hidden
  */
 export class CurrentTimeMarkerService {
-    constructor(renderer, cdr) {
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.slots = [];
-        this.rows = [];
-        this.now = new Date(Date.now());
-        this.createTimeMarker = () => {
-            if (!isDocumentAvailable()) {
-                return;
-            }
-            this.removeTimeMarker();
-            if (this.slotIndex >= 0) {
-                this.now = new Date(Date.now());
-                this.timeMarkerDiv = this.renderer.createElement('div');
-                this.renderer.addClass(this.timeMarkerDiv, 'k-current-time');
-                this.renderer.setStyle(this.timeMarkerDiv, 'width', '1px');
-                this.renderer.setStyle(this.timeMarkerDiv, 'top', '0px');
-                this.renderer.setStyle(this.timeMarkerDiv, `${this.rtl ? 'right' : 'left'}`, this.deltaOffset + 'px');
-                this.renderer.appendChild(this.container.nativeElement, this.timeMarkerDiv);
-                this.renderer.setStyle(this.timeMarkerDiv, 'height', this.height + 'px');
-                this.currentTimeTimeout = setTimeout(this.createTimeMarker, this.interval || MS_PER_MINUTE);
-            }
-        };
-    }
+    renderer;
+    cdr;
+    container;
+    slots = [];
+    rows = [];
+    currentTimeMarker;
+    rowHeight;
+    rtl;
+    activeView;
     get deltaOffset() {
         if (this.slotIndex >= 0) {
             const total = this.slots[this.slotIndex].end.getTime() - this.slots[this.slotIndex].start.getTime();
@@ -63,6 +48,13 @@ export class CurrentTimeMarkerService {
         }
         return this.currentTimeMarker?.updateInterval || MS_PER_MINUTE;
     }
+    now = new Date(Date.now());
+    currentTimeTimeout;
+    timeMarkerDiv;
+    constructor(renderer, cdr) {
+        this.renderer = renderer;
+        this.cdr = cdr;
+    }
     ngOnDestroy() {
         clearTimeout(this.currentTimeTimeout);
     }
@@ -73,9 +65,26 @@ export class CurrentTimeMarkerService {
             this.cdr.detectChanges();
         }
     }
+    createTimeMarker = () => {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        this.removeTimeMarker();
+        if (this.slotIndex >= 0) {
+            this.now = new Date(Date.now());
+            this.timeMarkerDiv = this.renderer.createElement('div');
+            this.renderer.addClass(this.timeMarkerDiv, 'k-current-time');
+            this.renderer.setStyle(this.timeMarkerDiv, 'width', '1px');
+            this.renderer.setStyle(this.timeMarkerDiv, 'top', '0px');
+            this.renderer.setStyle(this.timeMarkerDiv, `${this.rtl ? 'right' : 'left'}`, this.deltaOffset + 'px');
+            this.renderer.appendChild(this.container.nativeElement, this.timeMarkerDiv);
+            this.renderer.setStyle(this.timeMarkerDiv, 'height', this.height + 'px');
+            this.currentTimeTimeout = setTimeout(this.createTimeMarker, this.interval || MS_PER_MINUTE);
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CurrentTimeMarkerService, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CurrentTimeMarkerService });
 }
-CurrentTimeMarkerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CurrentTimeMarkerService, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
-CurrentTimeMarkerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CurrentTimeMarkerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CurrentTimeMarkerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CurrentTimeMarkerService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; } });

package/{esm2020 → esm2022}/timeline/gantt-timeline.component.mjs

@@ -23,18 +23,62 @@ import * as i3 from "./current-time-marker.service";
  * @hidden
  */
 export class GanttTimelineComponent {
+    scrollSyncService;
+    dependencyDomService;
+    renderer;
+    zone;
+    currentTimeMarkerService;
+    /**
+     * Represents the scrollable container of the timeline content.
+     * Used externally by the DependencyDragCreateDirective.
+     */
+    timelineContent;
+    timelineColumns;
+    timelineHeaderWrap;
+    tasksContainer;
+    /**
+     * Represents the view container ref used for rendering the dependency drag popop.
+     * Used externally by the DependencyDragCreateDirective.
+     */
+    dragPopupContainer;
+    /**
+     * Represents the polyline element used for rendering the dependency drag editing interaction.
+     * Used externally by the DependencyDragCreateDirective.
+     */
+    dependencyDragCreatePolyline;
+    rows;
+    slots;
+    groupSlots;
+    tableWidth;
+    activeView;
+    taskContentTemplate;
+    taskTemplate;
+    summaryTaskTemplate;
+    taskClass;
+    renderDependencyDragClues;
+    dragScrollSettings;
+    currentTimeMarker;
+    selectable;
+    isTaskSelected;
+    isExpanded;
+    dependencies = [];
+    // as all drag-and-drop operations are on the timeline container, use a single draggable instance
+    timelineContainerPress = new EventEmitter();
+    timelineContainerDrag = new EventEmitter();
+    timelineContainerRelease = new EventEmitter();
+    /**
+     * Specifies whether the draggable will attach or detach its pointer event listeners.
+     */
+    get draggableEnabled() {
+        return this.renderDependencyDragClues;
+    }
+    subscriptions = new Subscription();
     constructor(scrollSyncService, dependencyDomService, renderer, zone, currentTimeMarkerService) {
         this.scrollSyncService = scrollSyncService;
         this.dependencyDomService = dependencyDomService;
         this.renderer = renderer;
         this.zone = zone;
         this.currentTimeMarkerService = currentTimeMarkerService;
-        this.dependencies = [];
-        // as all drag-and-drop operations are on the timeline container, use a single draggable instance
-        this.timelineContainerPress = new EventEmitter();
-        this.timelineContainerDrag = new EventEmitter();
-        this.timelineContainerRelease = new EventEmitter();
-        this.subscriptions = new Subscription();
         this.subscriptions.add(
         // task changes indicates change in row content, number, height, etc.
         this.dependencyDomService.taskChanges
@@ -51,12 +95,6 @@ export class GanttTimelineComponent {
             this.renderer.setStyle(this.timelineColumns.nativeElement, 'height', `${(this.rows || []).length * timelineRowHeight}px`);
         }));
     }
-    /**
-     * Specifies whether the draggable will attach or detach its pointer event listeners.
-     */
-    get draggableEnabled() {
-        return this.renderDependencyDragClues;
-    }
     ngOnChanges(changes) {
         if (changes['currentTimeMarker']) {
             this.createTimeMarker();
@@ -86,9 +124,8 @@ export class GanttTimelineComponent {
             }
         });
     }
-}
-GanttTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: i1.ScrollSyncService }, { token: i2.DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.CurrentTimeMarkerService }], target: i0.ɵɵFactoryTarget.Component });
-GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttTimelineComponent, isStandalone: true, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", currentTimeMarker: "currentTimeMarker", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: i1.ScrollSyncService }, { token: i2.DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.CurrentTimeMarkerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttTimelineComponent, isStandalone: true, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", currentTimeMarker: "currentTimeMarker", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <div class="k-gantt-timeline k-grid k-grid-md">
             <div class="k-grid-header">
                 <div #timelineHeaderWrap class="k-grid-header-wrap">
@@ -192,7 +229,8 @@ GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </div>
         </div>
     `, isInline: true, dependencies: [{ kind: "component", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: ["groupSlots", "slots"] }, { kind: "directive", type: TimelineScrollableDirective, selector: "[kendoGanttTimelineScrollable]", inputs: ["scrollSettings"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: GanttTasksTableBodyComponent, selector: "[kendoGanttTasksTableBody]", inputs: ["selectable", "rows", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "isExpanded", "isTaskSelected", "renderDependencyDragClues"] }, { kind: "directive", type: GanttDependencyDirective, selector: "[kendoGanttDependency]", inputs: ["dependency"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTimelineComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTimelineComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline',

package/{esm2020 → esm2022}/timeline/timeline-base-view.service.mjs

@@ -34,12 +34,16 @@ const END_OF_DAY_DATE = new Date(1980, 0, 1, 23, 59, 59, 999);
 /**
  * @hidden
  */
-let TimelineBaseViewService = class TimelineBaseViewService {
+export let TimelineBaseViewService = class TimelineBaseViewService {
+    intlService;
+    mapper;
+    localeId;
+    options;
+    _viewStart = 0;
     constructor(intlService, mapper, localeId) {
         this.intlService = intlService;
         this.mapper = mapper;
         this.localeId = localeId;
-        this._viewStart = 0;
     }
     get viewStart() {
         return this._viewStart;
@@ -206,4 +210,3 @@ TimelineBaseViewService = __decorate([
     __metadata("design:paramtypes", [IntlService,
         MappingService, String])
 ], TimelineBaseViewService);
-export { TimelineBaseViewService };

package/{esm2020 → esm2022}/timeline/timeline-day-view.component.mjs

@@ -13,22 +13,22 @@ import * as i2 from "../dependencies/dependency-dom.service";
  * The Gantt timeline day view component.
  */
 export class TimelineDayViewComponent extends ViewBase {
+    /**
+     * The type for this view (`day`).
+     */
+    type = 'day';
     constructor(optionChangesService, dependencyDomService) {
         super(optionChangesService, dependencyDomService);
-        /**
-         * The type for this view (`day`).
-         */
-        this.type = 'day';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineDayViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-day-view", providers: [
+            {
+                provide: ViewBase,
+                useExisting: forwardRef(() => TimelineDayViewComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-TimelineDayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineDayViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-day-view", providers: [
-        {
-            provide: ViewBase,
-            useExisting: forwardRef(() => TimelineDayViewComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline-day-view',

package/{esm2020 → esm2022}/timeline/timeline-day-view.service.mjs

@@ -14,6 +14,7 @@ import * as i2 from "../common/mapping.service";
  * @hidden
  */
 export class TimelineDayViewService extends TimelineBaseViewService {
+    localeId;
     constructor(intlService, mapper, localeId) {
         super(intlService, mapper, localeId);
         this.localeId = localeId;
@@ -61,10 +62,10 @@ export class TimelineDayViewService extends TimelineBaseViewService {
         slots.push(daySlots, hourSlots);
         return slots;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewService });
 }
-TimelineDayViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineDayViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineDayViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineDayViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }, { type: undefined, decorators: [{
                     type: Inject,

package/{esm2020 → esm2022}/timeline/timeline-month-view.component.mjs

@@ -13,22 +13,22 @@ import * as i2 from "../dependencies/dependency-dom.service";
  * The Gantt timeline month view component.
  */
 export class TimelineMonthViewComponent extends ViewBase {
+    /**
+     * The type for this view (`month`).
+     */
+    type = 'month';
     constructor(optionChangesService, dependencyDomService) {
         super(optionChangesService, dependencyDomService);
-        /**
-         * The type for this view (`month`).
-         */
-        this.type = 'month';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineMonthViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-month-view", providers: [
+            {
+                provide: ViewBase,
+                useExisting: forwardRef(() => TimelineMonthViewComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineMonthViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-month-view", providers: [
-        {
-            provide: ViewBase,
-            useExisting: forwardRef(() => TimelineMonthViewComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline-month-view',

package/{esm2020 → esm2022}/timeline/timeline-month-view.service.mjs

@@ -14,6 +14,7 @@ import * as i2 from "../common/mapping.service";
  * @hidden
  */
 export class TimelineMonthViewService extends TimelineBaseViewService {
+    localeId;
     constructor(intlService, mapper, localeId) {
         super(intlService, mapper, localeId);
         this.localeId = localeId;
@@ -59,10 +60,10 @@ export class TimelineMonthViewService extends TimelineBaseViewService {
         slots.push(months, weeks);
         return slots;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewService });
 }
-TimelineMonthViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineMonthViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }, { type: undefined, decorators: [{
                     type: Inject,

package/{esm2020 → esm2022}/timeline/timeline-view.service.mjs

@@ -21,17 +21,18 @@ const services = {
  * @hidden
  */
 export class TimelineViewService {
+    injector;
+    viewChange = new EventEmitter();
     constructor(injector) {
         this.injector = injector;
-        this.viewChange = new EventEmitter();
     }
     service(view) {
         const serviceType = services[view];
         return serviceType ? this.injector.get(serviceType) : null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineViewService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineViewService });
 }
-TimelineViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });

package/{esm2020 → esm2022}/timeline/timeline-week-view.component.mjs

@@ -13,22 +13,22 @@ import * as i2 from "../dependencies/dependency-dom.service";
  * The Gantt timeline week view component.
  */
 export class TimelineWeekViewComponent extends ViewBase {
+    /**
+     * The type for this view (`week`).
+     */
+    type = 'week';
     constructor(optionChangesService, dependencyDomService) {
         super(optionChangesService, dependencyDomService);
-        /**
-         * The type for this view (`week`).
-         */
-        this.type = 'week';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineWeekViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-week-view", providers: [
+            {
+                provide: ViewBase,
+                useExisting: forwardRef(() => TimelineWeekViewComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineWeekViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-week-view", providers: [
-        {
-            provide: ViewBase,
-            useExisting: forwardRef(() => TimelineWeekViewComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline-week-view',

package/{esm2020 → esm2022}/timeline/timeline-week-view.service.mjs

@@ -14,6 +14,7 @@ import * as i2 from "../common/mapping.service";
  * @hidden
  */
 export class TimelineWeekViewService extends TimelineBaseViewService {
+    localeId;
     constructor(intlService, mapper, localeId) {
         super(intlService, mapper, localeId);
         this.localeId = localeId;
@@ -55,10 +56,10 @@ export class TimelineWeekViewService extends TimelineBaseViewService {
         slots.push(weeks, days);
         return slots;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewService });
 }
-TimelineWeekViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineWeekViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }, { type: undefined, decorators: [{
                     type: Inject,

package/{esm2020 → esm2022}/timeline/timeline-year-view.component.mjs

@@ -13,22 +13,22 @@ import * as i2 from "../dependencies/dependency-dom.service";
  * The Gantt timeline year view component.
  */
 export class TimelineYearViewComponent extends ViewBase {
+    /**
+     * The type for this view (`year`).
+     */
+    type = 'year';
     constructor(optionChangesService, dependencyDomService) {
         super(optionChangesService, dependencyDomService);
-        /**
-         * The type for this view (`year`).
-         */
-        this.type = 'year';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineYearViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineYearViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-year-view", providers: [
+            {
+                provide: ViewBase,
+                useExisting: forwardRef(() => TimelineYearViewComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-TimelineYearViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineYearViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineYearViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineYearViewComponent, isStandalone: true, selector: "kendo-gantt-timeline-year-view", providers: [
-        {
-            provide: ViewBase,
-            useExisting: forwardRef(() => TimelineYearViewComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineYearViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineYearViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gantt-timeline-year-view',

package/{esm2020 → esm2022}/timeline/timeline-year-view.service.mjs

@@ -14,6 +14,7 @@ import * as i2 from "../common/mapping.service";
  * @hidden
  */
 export class TimeLineYearViewService extends TimelineBaseViewService {
+    localeId;
     constructor(intlService, mapper, localeId) {
         super(intlService, mapper, localeId);
         this.localeId = localeId;
@@ -50,10 +51,10 @@ export class TimeLineYearViewService extends TimelineBaseViewService {
         slots.push(years, months);
         return slots;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeLineYearViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeLineYearViewService });
 }
-TimeLineYearViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeLineYearViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-TimeLineYearViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeLineYearViewService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeLineYearViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeLineYearViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }, { type: undefined, decorators: [{
                     type: Inject,

package/{esm2020 → esm2022}/timeline/view-base.mjs

@@ -13,6 +13,25 @@ import * as i2 from "../dependencies/dependency-dom.service";
  * The base class for the timeline view components of the Gantt.
  */
 export class ViewBase {
+    optionChangesService;
+    dependencyDomService;
+    /**
+     * The width of the time slot headers. Values are treated as pixels.
+     *
+     * @default 100
+     */
+    slotWidth = 100;
+    /**
+     * Sets the date format for the Grouped and Column headers.
+     */
+    timelineHeadersDateFormat;
+    /**
+     * Specifies the current time marker settings.
+     * If not set, the value is taken from the Gantt component
+     * [`currentTimeMarker`]({% slug api_gantt_ganttcomponent %}#toc-currentTimeMarker) property.
+     *
+     */
+    currentTimeMarker;
     /**
      *
      * @hidden
@@ -20,12 +39,6 @@ export class ViewBase {
     constructor(optionChangesService, dependencyDomService) {
         this.optionChangesService = optionChangesService;
         this.dependencyDomService = dependencyDomService;
-        /**
-         * The width of the time slot headers. Values are treated as pixels.
-         *
-         * @default 100
-         */
-        this.slotWidth = 100;
     }
     ngOnChanges(changes) {
         if (anyChanged(['slotWidth'], changes)) {
@@ -36,10 +49,10 @@ export class ViewBase {
             this.optionChangesService.notifyDateFormatChanges();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewBase, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ViewBase, selector: "kendo-gantt-view-base", inputs: { slotWidth: "slotWidth", timelineHeadersDateFormat: "timelineHeadersDateFormat", currentTimeMarker: "currentTimeMarker" }, usesOnChanges: true, ngImport: i0 });
 }
-ViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewBase, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Directive });
-ViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ViewBase, selector: "kendo-gantt-view-base", inputs: { slotWidth: "slotWidth", timelineHeadersDateFormat: "timelineHeadersDateFormat", currentTimeMarker: "currentTimeMarker" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewBase, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2020 → esm2022}/toolbar/toolbar-navigation.service.mjs

@@ -8,9 +8,11 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ToolbarNavigationService {
+    renderer;
+    focusableContent;
+    focusIndex = 0;
     constructor(renderer) {
         this.renderer = renderer;
-        this.focusIndex = 0;
     }
     updateFocus() {
         this.focusableContent.forEach(el => {
@@ -19,9 +21,9 @@ export class ToolbarNavigationService {
         this.renderer.setAttribute(this.focusableContent[this.focusIndex], 'tabindex', '0');
         this.focusableContent[this.focusIndex].focus();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService });
 }
-ToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-ToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });

package/{esm2020 → esm2022}/toolbar/toolbar-template.directive.mjs

@@ -93,10 +93,8 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ToolbarTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._position = "top";
-    }
+    templateRef;
+    _position = "top";
     /**
      * Defines the Gantt Toolbar that will use this template.
      *
@@ -111,10 +109,13 @@ export class ToolbarTemplateDirective {
     get position() {
         return this._position;
     }
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoGanttToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
 }
-ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoGanttToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGanttToolbarTemplate]',