@progress/kendo-angular-gantt 16.5.0 → 16.6.0-develop.2

package/esm2020/gantt.module.mjs

@@ -3,121 +3,46 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { SplitterModule, TabStripModule } from '@progress/kendo-angular-layout';
-import { TreeListModule } from '@progress/kendo-angular-treelist';
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import { DraggableModule, EventsModule, WatermarkModule } from '@progress/kendo-angular-common';
-import { DialogModule } from '@progress/kendo-angular-dialog';
-import { LabelModule } from '@progress/kendo-angular-label';
-import { InputsModule } from '@progress/kendo-angular-inputs';
-import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { DialogContainerService, DialogService, WindowContainerService, WindowService } from '@progress/kendo-angular-dialog';
+import { CalendarDOMService, CenturyViewService, DayPeriodService, DecadeViewService, HoursService, MillisecondsService, MinutesService, MonthViewService, NavigationService, SecondsService, TimePickerDOMService, WeekNamesService, YearViewService } from '@progress/kendo-angular-dateinputs';
 import { L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { PopupModule } from '@progress/kendo-angular-popup';
+import { PopupService } from '@progress/kendo-angular-popup';
 import { touchEnabled } from '@progress/kendo-common';
 import { TOUCH_ENABLED } from './common/touch-enabled';
-import { GanttComponent } from './gantt.component';
-import { GanttTimelineComponent } from './timeline/gantt-timeline.component';
-import { GanttTasksTableBodyComponent } from './rendering/gantt-tasks-table-body.component';
-import { GanttHeaderTableBodyComponent } from './rendering/gantt-header-table-body.component';
-import { GanttTaskComponent } from './rendering/gantt-task.component';
-import { GanttTaskTemplateDirective } from './template-directives/task-template.directive';
-import { GanttTaskContentTemplateDirective } from './template-directives/task-content-template.directive';
-import { GanttSummaryTaskComponent } from './rendering/gantt-summary-task.component';
-import { GanttSummaryTaskTemplateDirective } from './template-directives/summary-task-template.directive';
-import { GanttMilestoneTaskComponent } from './rendering/gantt-milestone-task.component';
-import { GanttFlatBindingDirective } from './binding-directives/flat-binding.directive';
-import { GanttHierarchyBindingDirective } from './binding-directives/hierarchy-binding.directive';
-import { GanttExpandableDirective } from './expanded-state/expandable.directive';
-import { SelectableDirective } from './selection/selectable.directive';
-import { ToolbarComponent } from './toolbar/toolbar.component';
-import { ToolbarTemplateDirective } from './toolbar/toolbar-template.directive';
-import { ViewSelectorComponent } from './toolbar/view-selector.component';
-import { GanttDependencyDirective } from './dependencies/gantt-dependency.directive';
-import { DependencyDragCreateDirective } from './dragging/dependency-drag-create.directive';
 import { DragValidationTooltipComponent } from './dragging/drag-validation-tooltip.component';
-import { TimelineScrollableDirective } from './scrolling/timeline-scroll.directive';
-import { GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterMenuTemplateDirective, FilterCellTemplateDirective, CellTemplateDirective, ColumnMenuTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, EditTemplateDirective } from './columns/columns';
-import { TimelineDayViewComponent } from './timeline/timeline-day-view.component';
-import { TimelineWeekViewComponent } from './timeline/timeline-week-view.component';
-import { TimelineMonthViewComponent } from './timeline/timeline-month-view.component';
-import { TimelineYearViewComponent } from './timeline/timeline-year-view.component';
-import { EditDialogComponent } from './editing/edit-dialog.component';
-import { CustomMessagesComponent } from './localization/custom-messages.component';
-import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-import { GanttAddTaskComponent } from './editing/add-task.component';
-import { GridModule } from '@progress/kendo-angular-grid';
-import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import { DependenciesTableComponent } from './editing/dependencies-table.component';
-import { TaskFieldsComponent } from './editing/task-fields.component';
-import { IconsModule } from '@progress/kendo-angular-icons';
-import { IntlModule } from '@progress/kendo-angular-intl';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { ColumnResizingService } from '@progress/kendo-angular-treelist';
+import { KENDO_GANTT } from './directives';
 import * as i0 from "@angular/core";
-const IMPORTED_MODULES = [
-    CommonModule,
-    ReactiveFormsModule,
-    LabelModule,
-    InputsModule,
-    DateInputsModule,
-    ButtonsModule,
-    SplitterModule,
-    TreeListModule,
-    ButtonsModule,
-    DialogModule,
-    EventsModule,
-    PopupModule,
-    DraggableModule,
-    TabStripModule,
-    GridModule,
-    DropDownsModule,
-    IconsModule,
-    IntlModule,
-    WatermarkModule
-];
-const DECLARATIONS = [
-    GanttComponent,
-    GanttFlatBindingDirective,
-    GanttHierarchyBindingDirective,
-    GanttTaskComponent,
-    GanttSummaryTaskComponent,
-    GanttMilestoneTaskComponent,
-    GanttTimelineComponent,
-    GanttTasksTableBodyComponent,
-    GanttHeaderTableBodyComponent,
-    GanttTaskContentTemplateDirective,
-    GanttTaskTemplateDirective,
-    GanttSummaryTaskTemplateDirective,
-    ToolbarTemplateDirective,
-    ToolbarComponent,
-    ViewSelectorComponent,
-    GanttColumnComponent,
-    GanttColumnGroupComponent,
-    GanttSpanColumnComponent,
-    FilterMenuTemplateDirective,
-    FilterCellTemplateDirective,
-    CellTemplateDirective,
-    EditTemplateDirective,
-    ColumnMenuTemplateDirective,
-    HeaderTemplateDirective,
-    FooterTemplateDirective,
-    GanttExpandableDirective,
-    GanttDependencyDirective,
-    DependencyDragCreateDirective,
-    TimelineDayViewComponent,
-    TimelineWeekViewComponent,
-    TimelineMonthViewComponent,
-    TimelineYearViewComponent,
-    SelectableDirective,
-    EditDialogComponent,
-    CustomMessagesComponent,
-    LocalizedMessagesDirective,
-    GanttAddTaskComponent,
-    DragValidationTooltipComponent,
-    TimelineScrollableDirective,
-    DependenciesTableComponent,
-    TaskFieldsComponent
-];
+import * as i1 from "./gantt.component";
+import * as i2 from "./binding-directives/flat-binding.directive";
+import * as i3 from "./binding-directives/hierarchy-binding.directive";
+import * as i4 from "./template-directives/task-content-template.directive";
+import * as i5 from "./template-directives/task-template.directive";
+import * as i6 from "./template-directives/summary-task-template.directive";
+import * as i7 from "./toolbar/toolbar-template.directive";
+import * as i8 from "./toolbar/view-selector.component";
+import * as i9 from "./columns/column.component";
+import * as i10 from "./columns/column-group.component";
+import * as i11 from "./columns/span-column.component";
+import * as i12 from "./columns/filter-cell-template.directive";
+import * as i13 from "./columns/filter-menu-template.directive";
+import * as i14 from "./columns/cell-template.directive";
+import * as i15 from "./columns/edit-template.directive";
+import * as i16 from "./columns/column-menu-template.directive";
+import * as i17 from "./columns/header-template.directive";
+import * as i18 from "./columns/footer-template.directive";
+import * as i19 from "./expanded-state/expandable.directive";
+import * as i20 from "./dragging/dependency-drag-create.directive";
+import * as i21 from "./timeline/timeline-day-view.component";
+import * as i22 from "./timeline/timeline-week-view.component";
+import * as i23 from "./timeline/timeline-month-view.component";
+import * as i24 from "./timeline/timeline-year-view.component";
+import * as i25 from "./selection/selectable.directive";
+import * as i26 from "./localization/custom-messages.component";
+import * as i27 from "./editing/add-task.component";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Gantt component.
@@ -152,118 +77,44 @@ const DECLARATIONS = [
 export class GanttModule {
 }
 GanttModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GanttModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: GanttModule, declarations: [GanttComponent,
-        GanttFlatBindingDirective,
-        GanttHierarchyBindingDirective,
-        GanttTaskComponent,
-        GanttSummaryTaskComponent,
-        GanttMilestoneTaskComponent,
-        GanttTimelineComponent,
-        GanttTasksTableBodyComponent,
-        GanttHeaderTableBodyComponent,
-        GanttTaskContentTemplateDirective,
-        GanttTaskTemplateDirective,
-        GanttSummaryTaskTemplateDirective,
-        ToolbarTemplateDirective,
-        ToolbarComponent,
-        ViewSelectorComponent,
-        GanttColumnComponent,
-        GanttColumnGroupComponent,
-        GanttSpanColumnComponent,
-        FilterMenuTemplateDirective,
-        FilterCellTemplateDirective,
-        CellTemplateDirective,
-        EditTemplateDirective,
-        ColumnMenuTemplateDirective,
-        HeaderTemplateDirective,
-        FooterTemplateDirective,
-        GanttExpandableDirective,
-        GanttDependencyDirective,
-        DependencyDragCreateDirective,
-        TimelineDayViewComponent,
-        TimelineWeekViewComponent,
-        TimelineMonthViewComponent,
-        TimelineYearViewComponent,
-        SelectableDirective,
-        EditDialogComponent,
-        CustomMessagesComponent,
-        LocalizedMessagesDirective,
-        GanttAddTaskComponent,
-        DragValidationTooltipComponent,
-        TimelineScrollableDirective,
-        DependenciesTableComponent,
-        TaskFieldsComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        LabelModule,
-        InputsModule,
-        DateInputsModule,
-        ButtonsModule,
-        SplitterModule,
-        TreeListModule,
-        ButtonsModule,
-        DialogModule,
-        EventsModule,
-        PopupModule,
-        DraggableModule,
-        TabStripModule,
-        GridModule,
-        DropDownsModule,
-        IconsModule,
-        IntlModule,
-        WatermarkModule], exports: [GanttComponent,
-        GanttFlatBindingDirective,
-        GanttHierarchyBindingDirective,
-        GanttTaskComponent,
-        GanttSummaryTaskComponent,
-        GanttMilestoneTaskComponent,
-        GanttTimelineComponent,
-        GanttTasksTableBodyComponent,
-        GanttHeaderTableBodyComponent,
-        GanttTaskContentTemplateDirective,
-        GanttTaskTemplateDirective,
-        GanttSummaryTaskTemplateDirective,
-        ToolbarTemplateDirective,
-        ToolbarComponent,
-        ViewSelectorComponent,
-        GanttColumnComponent,
-        GanttColumnGroupComponent,
-        GanttSpanColumnComponent,
-        FilterMenuTemplateDirective,
-        FilterCellTemplateDirective,
-        CellTemplateDirective,
-        EditTemplateDirective,
-        ColumnMenuTemplateDirective,
-        HeaderTemplateDirective,
-        FooterTemplateDirective,
-        GanttExpandableDirective,
-        GanttDependencyDirective,
-        DependencyDragCreateDirective,
-        TimelineDayViewComponent,
-        TimelineWeekViewComponent,
-        TimelineMonthViewComponent,
-        TimelineYearViewComponent,
-        SelectableDirective,
-        EditDialogComponent,
-        CustomMessagesComponent,
-        LocalizedMessagesDirective,
-        GanttAddTaskComponent,
-        DragValidationTooltipComponent,
-        TimelineScrollableDirective,
-        DependenciesTableComponent,
-        TaskFieldsComponent] });
+GanttModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: GanttModule, imports: [i1.GanttComponent, i2.GanttFlatBindingDirective, i3.GanttHierarchyBindingDirective, i4.GanttTaskContentTemplateDirective, i5.GanttTaskTemplateDirective, i6.GanttSummaryTaskTemplateDirective, i7.ToolbarTemplateDirective, i8.ViewSelectorComponent, i9.GanttColumnComponent, i10.GanttColumnGroupComponent, i11.GanttSpanColumnComponent, i12.FilterCellTemplateDirective, i13.FilterMenuTemplateDirective, i14.CellTemplateDirective, i15.EditTemplateDirective, i16.ColumnMenuTemplateDirective, i17.HeaderTemplateDirective, i18.FooterTemplateDirective, i19.GanttExpandableDirective, i20.DependencyDragCreateDirective, i21.TimelineDayViewComponent, i22.TimelineWeekViewComponent, i23.TimelineMonthViewComponent, i24.TimelineYearViewComponent, i25.SelectableDirective, i26.CustomMessagesComponent, i27.GanttAddTaskComponent], exports: [i1.GanttComponent, i2.GanttFlatBindingDirective, i3.GanttHierarchyBindingDirective, i4.GanttTaskContentTemplateDirective, i5.GanttTaskTemplateDirective, i6.GanttSummaryTaskTemplateDirective, i7.ToolbarTemplateDirective, i8.ViewSelectorComponent, i9.GanttColumnComponent, i10.GanttColumnGroupComponent, i11.GanttSpanColumnComponent, i12.FilterCellTemplateDirective, i13.FilterMenuTemplateDirective, i14.CellTemplateDirective, i15.EditTemplateDirective, i16.ColumnMenuTemplateDirective, i17.HeaderTemplateDirective, i18.FooterTemplateDirective, i19.GanttExpandableDirective, i20.DependencyDragCreateDirective, i21.TimelineDayViewComponent, i22.TimelineWeekViewComponent, i23.TimelineMonthViewComponent, i24.TimelineYearViewComponent, i25.SelectableDirective, i26.CustomMessagesComponent, i27.GanttAddTaskComponent] });
 GanttModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttModule, providers: [{
             provide: L10N_PREFIX,
             useValue: 'kendo.gantt'
         }, {
             provide: TOUCH_ENABLED,
             useValue: touchEnabled
-        }], imports: [IMPORTED_MODULES] });
+        },
+        // InputsModule providers
+        IconsService,
+        PopupService,
+        ResizeBatchService,
+        DialogContainerService,
+        DialogService,
+        WindowService,
+        WindowContainerService,
+        // DateInputsModule providers
+        CalendarDOMService,
+        CenturyViewService,
+        DecadeViewService,
+        MonthViewService,
+        YearViewService,
+        WeekNamesService,
+        NavigationService,
+        TimePickerDOMService,
+        HoursService,
+        MinutesService,
+        SecondsService,
+        MillisecondsService,
+        DayPeriodService,
+        // TreeListModule providers
+        ColumnResizingService
+    ], imports: [i1.GanttComponent, i8.ViewSelectorComponent, i9.GanttColumnComponent, i10.GanttColumnGroupComponent, i11.GanttSpanColumnComponent, i21.TimelineDayViewComponent, i22.TimelineWeekViewComponent, i23.TimelineMonthViewComponent, i24.TimelineYearViewComponent, i26.CustomMessagesComponent, i27.GanttAddTaskComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...IMPORTED_MODULES],
-                    declarations: [...DECLARATIONS],
-                    exports: [...DECLARATIONS],
+                    imports: [...KENDO_GANTT],
+                    exports: [...KENDO_GANTT],
                     entryComponents: [DragValidationTooltipComponent],
                     providers: [{
                             provide: L10N_PREFIX,
@@ -271,6 +122,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         }, {
                             provide: TOUCH_ENABLED,
                             useValue: touchEnabled
-                        }]
+                        },
+                        // InputsModule providers
+                        IconsService,
+                        PopupService,
+                        ResizeBatchService,
+                        DialogContainerService,
+                        DialogService,
+                        WindowService,
+                        WindowContainerService,
+                        // DateInputsModule providers
+                        CalendarDOMService,
+                        CenturyViewService,
+                        DecadeViewService,
+                        MonthViewService,
+                        YearViewService,
+                        WeekNamesService,
+                        NavigationService,
+                        TimePickerDOMService,
+                        HoursService,
+                        MinutesService,
+                        SecondsService,
+                        MillisecondsService,
+                        DayPeriodService,
+                        // TreeListModule providers
+                        ColumnResizingService
+                    ]
                 }]
         }] });

package/esm2020/index.mjs

@@ -36,3 +36,4 @@ export { LocalizedMessagesDirective } from './localization/localized-messages.di
 export { CustomMessagesComponent } from './localization/custom-messages.component';
 export * from './models/models';
 export * from './columns/columns';
+export * from './directives';

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

@@ -21,7 +21,7 @@ export class CustomMessagesComponent extends Messages {
     }
 }
 CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, selector: "kendo-gantt-messages", providers: [
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-gantt-messages", providers: [
         {
             provide: Messages,
             useExisting: forwardRef(() => CustomMessagesComponent)
@@ -37,6 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         }
                     ],
                     selector: 'kendo-gantt-messages',
-                    template: ``
+                    template: ``,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

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

@@ -17,7 +17,7 @@ export class LocalizedMessagesDirective extends Messages {
     }
 }
 LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]", providers: [
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoGanttLocalizedMessages]", providers: [
         {
             provide: Messages,
             useExisting: forwardRef(() => LocalizedMessagesDirective)
@@ -32,6 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => LocalizedMessagesDirective)
                         }
                     ],
-                    selector: '[kendoGanttLocalizedMessages]'
+                    selector: '[kendoGanttLocalizedMessages]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721814434,
-    version: '16.5.0',
+    publishDate: 1721847330,
+    version: '16.6.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2020/rendering/gantt-header-table-body.component.mjs

@@ -3,8 +3,8 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostBinding, Input } from "@angular/core";
+import { NgFor } from "@angular/common";
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 /**
  * @hidden
  */
@@ -14,7 +14,7 @@ export class GanttHeaderTableBodyComponent {
     }
 }
 GanttHeaderTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttHeaderTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, host: { properties: { "class.k-table-tbody": "this.tbodyClass" } }, ngImport: i0, template: `
+GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttHeaderTableBodyComponent, isStandalone: true, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, host: { properties: { "class.k-table-tbody": "this.tbodyClass" } }, ngImport: i0, template: `
         <tr class="k-table-row">
             <td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
         </tr>
@@ -22,7 +22,7 @@ GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
         <tr class="k-table-row">
             <td *ngFor="let item of slots" class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
         </tr>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttHeaderTableBodyComponent, decorators: [{
             type: Component,
             args: [{
@@ -36,7 +36,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <tr class="k-table-row">
             <td *ngFor="let item of slots" class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
         </tr>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor]
                 }]
         }], propDecorators: { tbodyClass: [{
                 type: HostBinding,

package/esm2020/rendering/gantt-milestone-task.component.mjs

@@ -10,13 +10,13 @@ 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 { NgClass, NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/mapping.service";
 import * as i2 from "./../timeline/timeline-view.service";
 import * as i3 from "../dependencies/dependency-dom.service";
 import * as i4 from "../common/option-changes.service";
 import * as i5 from "../navigation/navigation.service";
-import * as i6 from "@angular/common";
 /**
  * @hidden
  */
@@ -28,7 +28,7 @@ export class GanttMilestoneTaskComponent extends GanttTaskBase {
     }
 }
 GanttMilestoneTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttMilestoneTaskComponent, deps: [{ token: TOUCH_ENABLED }, { token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttMilestoneTaskComponent, selector: "kendo-gantt-milestone-task", host: { properties: { "class.k-milestone-wrap": "this.milestoneWrapperClass" } }, providers: [
+GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttMilestoneTaskComponent, isStandalone: true, selector: "kendo-gantt-milestone-task", host: { properties: { "class.k-milestone-wrap": "this.milestoneWrapperClass" } }, providers: [
         {
             provide: GanttTaskBase,
             useExisting: forwardRef(() => GanttMilestoneTaskComponent)
@@ -57,7 +57,7 @@ GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
             >
             </div>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttMilestoneTaskComponent, decorators: [{
             type: Component,
             args: [{
@@ -92,7 +92,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             >
             </div>
         </ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgClass, NgIf]
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2020/rendering/gantt-summary-task.component.mjs

@@ -11,13 +11,13 @@ import { OptionChangesService } from '../common/option-changes.service';
 import { TimelineViewService } from './../timeline/timeline-view.service';
 import { GanttTaskBase } from './gantt-task-base';
 import { isPresent } from '../utils';
+import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/mapping.service";
 import * as i2 from "./../timeline/timeline-view.service";
 import * as i3 from "../dependencies/dependency-dom.service";
 import * as i4 from "../common/option-changes.service";
 import * as i5 from "../navigation/navigation.service";
-import * as i6 from "@angular/common";
 /**
  * @hidden
  */
@@ -35,7 +35,7 @@ export class GanttSummaryTaskComponent extends GanttTaskBase {
     }
 }
 GanttSummaryTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttSummaryTaskComponent, deps: [{ token: TOUCH_ENABLED }, { token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttSummaryTaskComponent, selector: "kendo-gantt-summary-task", inputs: { template: "template", isExpanded: "isExpanded" }, host: { properties: { "class.k-summary-wrap": "this.summaryWrapperClass" } }, providers: [
+GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttSummaryTaskComponent, isStandalone: true, selector: "kendo-gantt-summary-task", inputs: { template: "template", isExpanded: "isExpanded" }, host: { properties: { "class.k-summary-wrap": "this.summaryWrapperClass" } }, providers: [
         {
             provide: GanttTaskBase,
             useExisting: forwardRef(() => GanttSummaryTaskComponent)
@@ -84,7 +84,7 @@ GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             >
             </div>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttSummaryTaskComponent, decorators: [{
             type: Component,
             args: [{
@@ -139,7 +139,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             >
             </div>
         </ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgClass, NgIf, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

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

@@ -12,6 +12,9 @@ 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, NgIf, NgTemplateOutlet } from '@angular/common';
+import { EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "../editing/edit.service";
 import * as i2 from "../common/mapping.service";
@@ -19,9 +22,6 @@ 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";
-import * as i7 from "@angular/common";
-import * as i8 from "@progress/kendo-angular-common";
-import * as i9 from "@progress/kendo-angular-icons";
 /**
  * @hidden
  */
@@ -38,7 +38,7 @@ export class GanttTaskComponent extends GanttTaskBase {
     }
 }
 GanttTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTaskComponent, deps: [{ token: i1.EditService }, { token: TOUCH_ENABLED }, { token: i2.MappingService }, { token: i3.TimelineViewService }, { token: i4.DependencyDomService }, { token: i5.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i6.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttTaskComponent, selector: "kendo-gantt-task", inputs: { taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate" }, providers: [
+GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttTaskComponent, isStandalone: true, selector: "kendo-gantt-task", inputs: { taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate" }, providers: [
         {
             provide: GanttTaskBase,
             useExisting: forwardRef(() => GanttTaskComponent)
@@ -114,7 +114,7 @@ GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             >
             </div>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "15.2.10", ngImport: i0, type: GanttTaskComponent, decorators: [{
             type: Component,
             args: [{
@@ -196,7 +196,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             >
             </div>
         </ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgClass, NgIf, NgTemplateOutlet, EventsOutsideAngularDirective, IconWrapperComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
                     type: Inject,

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

@@ -7,13 +7,13 @@ 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 { NgFor, NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "../dependencies/dependency-dom.service";
 import * as i2 from "../common/mapping.service";
-import * as i3 from "@angular/common";
-import * as i4 from "./gantt-task.component";
-import * as i5 from "./gantt-summary-task.component";
-import * as i6 from "./gantt-milestone-task.component";
 /**
  * @hidden
  */
@@ -34,7 +34,7 @@ export class GanttTasksTableBodyComponent {
     }
 }
 GanttTasksTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GanttTasksTableBodyComponent, deps: [{ token: i1.DependencyDomService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Component });
-GanttTasksTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GanttTasksTableBodyComponent, selector: "[kendoGanttTasksTableBody]", inputs: { selectable: "selectable", rows: "rows", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", isExpanded: "isExpanded", isTaskSelected: "isTaskSelected", renderDependencyDragClues: "renderDependencyDragClues" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
+GanttTasksTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
         <tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
             <td class="k-table-td">
                 <kendo-gantt-milestone-task
@@ -81,7 +81,7 @@ GanttTasksTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
                 </ng-template>
             </td>
         </tr>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.GanttTaskComponent, selector: "kendo-gantt-task", inputs: ["taskContentTemplate", "taskTemplate"] }, { kind: "component", type: i5.GanttSummaryTaskComponent, selector: "kendo-gantt-summary-task", inputs: ["template", "isExpanded"] }, { kind: "component", type: i6.GanttMilestoneTaskComponent, selector: "kendo-gantt-milestone-task" }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "15.2.10", ngImport: i0, type: GanttTasksTableBodyComponent, decorators: [{
             type: Component,
             args: [{
@@ -134,7 +134,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </ng-template>
             </td>
         </tr>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor, NgIf, GanttMilestoneTaskComponent, GanttSummaryTaskComponent, GanttTaskComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.DependencyDomService }, { type: i2.MappingService }]; }, propDecorators: { timelineRow: [{
                 type: ViewChild,