@progress/kendo-angular-gantt 2.0.0-next.202204010911 → 2.0.0-next.202204121022

package/esm2015/timeline/timeline-day-view.service.js

@@ -0,0 +1,66 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { TimelineBaseViewService } from './timeline-base-view.service';
+import { setTime } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "../common/mapping.service";
+/**
+ * @hidden
+ */
+export class TimelineDayViewService extends TimelineBaseViewService {
+    constructor(intlService, mapper) {
+        super(intlService, mapper);
+    }
+    /**
+     * Gets a date an hour before the first task start with minutes, seconds, milliseconds cleared.
+     */
+    getStartOffset(rangeStart) {
+        return setTime(rangeStart, rangeStart.getHours() - 1);
+    }
+    /**
+     * Gets a date an hour after the last task end with minutes, seconds, milliseconds cleared.
+     */
+    getEndOffset(rangeEnd) {
+        return setTime(rangeEnd, rangeEnd.getHours() + 1);
+    }
+    /**
+     *
+     * @param tasks - The tasks which are going to be rendered in the table
+     * @returns {number}
+     */
+    getTableWidth(tasks) {
+        const timeSlots = this.getSlots(tasks)[1];
+        const slotWidth = this.options.slotWidth;
+        return Math.round(timeSlots.length * slotWidth);
+    }
+    /**
+     *
+     * @param tasks - The tasks which are going to be rendered in the table
+     * @returns {Array<Object>} - A collection containing the day and hours slots
+     * Used to render the number of columns and the header
+     */
+    getSlots(tasks) {
+        // will return the header rows slots
+        let slots = [];
+        let { start, end } = this.getRange(tasks);
+        const daySlots = this.getDays(start, end);
+        const hourSlots = [];
+        for (let i = 0; i < daySlots.length; i++) {
+            const daySlot = daySlots[i];
+            const hours = this.getHours(daySlot.start, daySlot.end);
+            daySlot.span = hours.length;
+            hourSlots.push(...hours);
+        }
+        slots.push(daySlots, hourSlots);
+        return slots;
+    }
+}
+TimelineDayViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineDayViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineDayViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineDayViewService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineDayViewService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });

package/esm2015/timeline/timeline-month-view.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { ViewBase } from './view-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/option-changes.service";
+import * as i2 from "../dependencies/dependency-dom.service";
+export class TimelineMonthViewComponent extends ViewBase {
+    constructor(optionChangesService, dependencyDomService) {
+        super(optionChangesService, dependencyDomService);
+        /**
+         * The type for this view (`month`).
+         */
+        this.type = 'month';
+    }
+}
+TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimelineMonthViewComponent, 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: "12.2.16", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-timeline-month-view',
+                    template: '',
+                    providers: [
+                        {
+                            provide: ViewBase,
+                            useExisting: forwardRef(() => TimelineMonthViewComponent)
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.DependencyDomService }]; } });

package/esm2015/timeline/timeline-month-view.service.js

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { addDays, addWeeks, firstDayInWeek, getDate } from '@progress/kendo-date-math';
+import { TimelineBaseViewService } from './timeline-base-view.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "../common/mapping.service";
+/**
+ * @hidden
+ */
+export class TimelineMonthViewService extends TimelineBaseViewService {
+    constructor(intlService, mapper) {
+        super(intlService, mapper);
+    }
+    /**
+     * Gets a week before the first week in which a task starts.
+     */
+    getStartOffset(rangeStart) {
+        const weekStart = this.intlService.firstDay();
+        const firstDay = firstDayInWeek(getDate(rangeStart), weekStart);
+        return addWeeks(getDate(firstDay), -1);
+    }
+    /**
+     * Gets a week after the last week in which a task ends.
+     */
+    getEndOffset(rangeEnd) {
+        const weekStart = this.intlService.firstDay();
+        const lastDay = addDays(firstDayInWeek(getDate(rangeEnd), weekStart), 6);
+        return addWeeks(getDate(lastDay), 1);
+    }
+    /**
+     *
+     * @param tasks - The tasks which are going to be rendered in the table
+     * @returns {number}
+     */
+    getTableWidth(tasks) {
+        const timeSlots = this.getSlots(tasks)[1];
+        const slotWidth = this.options.slotWidth;
+        return Math.round(timeSlots.length * slotWidth);
+    }
+    /**
+     *
+     * @param tasks - The tasks which are going to be rendered in the table
+     * @returns {Array<Object>} - A collection containing the months and weeks slots
+     * Used to render the number of columns and the header
+     */
+    getSlots(tasks) {
+        // will return the header rows slots
+        let slots = [];
+        let { start, end } = this.getRange(tasks);
+        const months = this.getMonths(start, end);
+        const weeks = this.getWeeks(start, end);
+        slots.push(months, weeks);
+        return slots;
+    }
+}
+TimelineMonthViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineMonthViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMonthViewService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });

package/esm2015/timeline/timeline-view.service.js

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, Injectable } from '@angular/core';
+import { TimelineDayViewService } from './timeline-day-view.service';
+import { TimelineMonthViewService } from './timeline-month-view.service';
+import { TimelineWeekViewService } from './timeline-week-view.service';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+const services = {
+    day: TimelineDayViewService,
+    week: TimelineWeekViewService,
+    month: TimelineMonthViewService
+};
+/**
+ * @hidden
+ */
+export class TimelineViewService {
+    constructor(injector) {
+        this.injector = injector;
+        this.viewChange = new EventEmitter();
+    }
+    service(view) {
+        const serviceType = services[view];
+        return serviceType ? this.injector.get(serviceType) : null;
+    }
+}
+TimelineViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineViewService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineViewService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineViewService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });

package/esm2015/timeline/timeline-week-view.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { ViewBase } from './view-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/option-changes.service";
+import * as i2 from "../dependencies/dependency-dom.service";
+export class TimelineWeekViewComponent extends ViewBase {
+    constructor(optionChangesService, dependencyDomService) {
+        super(optionChangesService, dependencyDomService);
+        /**
+         * The type for this view (`week`).
+         */
+        this.type = 'week';
+    }
+}
+TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Component });
+TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimelineWeekViewComponent, 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: "12.2.16", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-timeline-week-view',
+                    template: '',
+                    providers: [
+                        {
+                            provide: ViewBase,
+                            useExisting: forwardRef(() => TimelineWeekViewComponent)
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.DependencyDomService }]; } });

package/esm2015/timeline/timeline-week-view.service.js

@@ -0,0 +1,60 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { addDays, getDate } from '@progress/kendo-date-math';
+import { TimelineBaseViewService } from './timeline-base-view.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "../common/mapping.service";
+/**
+ * @hidden
+ */
+export class TimelineWeekViewService extends TimelineBaseViewService {
+    constructor(intlService, mapper) {
+        super(intlService, mapper);
+    }
+    /**
+     * Gets a date a day before the first task start with hours, minutes, seconds, milliseconds cleared.
+     */
+    getStartOffset(rangeStart) {
+        return addDays(getDate(rangeStart), -1);
+    }
+    /**
+     * Gets a date a day after the last task start with hours, minutes, seconds, milliseconds cleared.
+     */
+    getEndOffset(rangeEnd) {
+        return addDays(getDate(rangeEnd), 1);
+    }
+    /**
+     *
+     * @param tasks - The tasks which are going to be rendered in the table
+     * @returns {number}
+     */
+    getTableWidth(tasks) {
+        const timeSlots = this.getSlots(tasks)[1];
+        const slotWidth = this.options.slotWidth;
+        return Math.round(timeSlots.length * slotWidth);
+    }
+    /**
+     *
+     * @param tasks - The tasks which are going to be rendered in the table
+     * @returns {Array<Object>} - A collection containing the day and hours slots
+     * Used to render the number of columns and the header
+     */
+    getSlots(tasks) {
+        // will return the header rows slots
+        let slots = [];
+        let { start, end } = this.getRange(tasks);
+        const weeks = this.getWeeks(start, end);
+        const days = this.getDays(start, end);
+        slots.push(weeks, days);
+        return slots;
+    }
+}
+TimelineWeekViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineWeekViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });

package/esm2015/timeline/view-base.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { anyChanged } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/option-changes.service";
+import * as i2 from "../dependencies/dependency-dom.service";
+/**
+ * The base class for the column components of the Gantt.
+ */
+export class ViewBase {
+    /**
+     *
+     * @hidden
+     */
+    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)) {
+            this.optionChangesService.notifyColumnChanges();
+            this.dependencyDomService.notifyChanges();
+        }
+    }
+}
+ViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewBase, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Directive });
+ViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ViewBase, selector: "kendo-gantt-view-base", inputs: { slotWidth: "slotWidth" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewBase, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-gantt-view-base'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.DependencyDomService }]; }, propDecorators: { slotWidth: [{
+                type: Input
+            }] } });

package/esm2015/toolbar/toolbar-template.directive.js

@@ -0,0 +1,127 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the toolbar template of the Gantt.
+ *
+ * The template context has the following field:
+ * - `position`—The position at which the toolbar template is rendered. The possible values are `'top'` and `'bottom'`.
+ *
+ * @example
+ * ```ts-preview
+ *
+ * _@Component({
+ *     selector: 'my-app',
+ *     template: `
+ *       <div class="example-config">
+ *         <input type="radio" id="top" name="position" class="k-radio" value="top" checked (click)="positionChange($event)"/>
+ *         <label class="k-radio-label" for="top">Top</label><br/>
+ *         <input type="radio" id="bottom" name="position" class="k-radio" value="bottom" (click)="positionChange($event)"/>
+ *         <label class="k-radio-label" for="bottom">Bottom</label><br/>
+ *         <input type="radio" id="both" name="position" value="both" class="k-radio" (click)="positionChange($event)"/>
+ *         <label class="k-radio-label" for="both">Both</label><br/>
+ *       </div>
+ *       <kendo-gantt [[kendoGanttHierarchyBinding]="data"]="data" style="height: 400px">
+ *            <ng-template kendoGanttToolbarTemplate [position]="position" let-position="position">
+ *                <button (click)="onClick()" class="k-button">Custom action</button>
+ *            </ng-template>
+ *        </kendo-gantt>
+ *     `
+ * })
+ *
+ * class AppComponent {
+ *     public position: 'top' | 'bottom' | 'both' = 'top';
+ *
+ *     public data = [{
+ *       id: 7,
+ *       title: "Software validation, research and implementation",
+ *       orderId: 0,
+ *       start: new Date("2014-06-02T00:00:00.000Z"),
+ *       end: new Date("2014-07-12T00:00:00.000Z"),
+ *       completionRatio: 0.45708333333333334,
+ *       isExpanded: true,
+ *       children: [{
+ *               id: 11,
+ *               title: "Research",
+ *               orderId: 1,
+ *               start: new Date("2014-06-02T00:00:00.000Z"),
+ *               end: new Date("2014-06-07T00:00:00.000Z"),
+ *               completionRatio: 0.5766666666666667,
+ *               isExpanded: true,
+ *               children: [{
+ *                       id: 19,
+ *                       title: "Validation with Customers",
+ *                       orderId: 0,
+ *                       start: new Date("2014-06-02T00:00:00.000Z"),
+ *                       end: new Date("2014-06-04T00:00:00.000Z"),
+ *                       completionRatio: 0.25,
+ *                       isExpanded: true
+ *                   },
+ *                   {
+ *                       id: 20,
+ *                       title: "Market Research",
+ *                       orderId: 1,
+ *                       start: new Date("2014-06-02T00:00:00.000Z"),
+ *                       end: new Date("2014-06-03T02:00:00.000Z"),
+ *                       completionRatio: 0.82,
+ *                       isExpanded: true
+ *                   },
+ *                   {
+ *                       id: 39,
+ *                       title: "Functional and Technical Specification",
+ *                       orderId: 2,
+ *                       start: new Date("2014-06-04T00:00:00.000Z"),
+ *                       end: new Date("2014-06-07T00:00:00.000Z"),
+ *                       completionRatio: 0.66,
+ *                       isExpanded: true
+ *                   }]
+ *           }]
+ *       };
+ *
+ *     public positionChange({ target }): void {
+ *        this.position = target.value;
+ *     }
+ *
+ *     public onClick(): void {
+ *         console.log("button was clicked");
+ *     }
+ * }
+ *
+ * ```
+ */
+export class ToolbarTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+        this._position = "top";
+    }
+    /**
+     * Defines the Gantt Toolbar that will use this template.
+     *
+     * The possible values are:
+     * - `top`&mdash;The template will be rendered in the top toolbar (if present) only.
+     * - `bottom`&mdash;The template will be rendered in the bottom toolbar (if present) only.
+     * - `both`&mdash;The template will be rendered in both toolbars (if present).
+     */
+    set position(position) {
+        this._position = position;
+    }
+    get position() {
+        return this._position;
+    }
+}
+ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ToolbarTemplateDirective, selector: "[kendoGanttToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttToolbarTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { position: [{
+                type: Input,
+                args: ['position']
+            }] } });

package/esm2015/toolbar/toolbar.component.js

@@ -0,0 +1,94 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, HostBinding, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../editing/add-task.component";
+import * as i2 from "./view-selector.component";
+import * as i3 from "@angular/common";
+/**
+ * @hidden
+ */
+export class ToolbarComponent {
+    constructor() {
+        this.context = {};
+        this.role = 'toolbar';
+        this.activeViewChange = new EventEmitter();
+    }
+    set position(value) {
+        this.context.position = this._position = value;
+    }
+    get position() {
+        return this._position;
+    }
+    get toolbarTemplateRef() {
+        return this.toolbarTemplate ? this.toolbarTemplate.templateRef : undefined;
+    }
+    get renderTemplate() {
+        const ganttToolbarTemplate = this.toolbarTemplate;
+        const templatePosition = ganttToolbarTemplate ? ganttToolbarTemplate.position : null;
+        return ganttToolbarTemplate && (templatePosition === 'both' || templatePosition === this.position);
+    }
+    handleViewChange(view) {
+        this.activeViewChange.emit(view);
+    }
+}
+ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: `
+        <ng-container *ngIf="!renderTemplate">
+            <kendo-gantt-add-task *ngIf="showAddTask"></kendo-gantt-add-task>
+            <span class="k-spacer k-toolbar-spacer"></span>
+            <kendo-gantt-view-selector
+                *ngIf="showViewSelector"
+                [views]="views"
+                [activeView]="activeView"
+                (activeViewChange)="handleViewChange($event)"></kendo-gantt-view-selector>
+        </ng-container>
+        <ng-template
+            *ngIf="renderTemplate"
+            [ngTemplateOutlet]="toolbarTemplateRef"
+            [ngTemplateOutletContext]="context"
+            >
+        </ng-template>
+    `, isInline: true, components: [{ type: i1.GanttAddTaskComponent, selector: "kendo-gantt-add-task", inputs: ["data", "icon"] }, { type: i2.ViewSelectorComponent, selector: "kendo-gantt-view-selector", inputs: ["views", "activeView"], outputs: ["activeViewChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-toolbar',
+                    template: `
+        <ng-container *ngIf="!renderTemplate">
+            <kendo-gantt-add-task *ngIf="showAddTask"></kendo-gantt-add-task>
+            <span class="k-spacer k-toolbar-spacer"></span>
+            <kendo-gantt-view-selector
+                *ngIf="showViewSelector"
+                [views]="views"
+                [activeView]="activeView"
+                (activeViewChange)="handleViewChange($event)"></kendo-gantt-view-selector>
+        </ng-container>
+        <ng-template
+            *ngIf="renderTemplate"
+            [ngTemplateOutlet]="toolbarTemplateRef"
+            [ngTemplateOutletContext]="context"
+            >
+        </ng-template>
+    `
+                }]
+        }], propDecorators: { role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], activeViewChange: [{
+                type: Output
+            }], showAddTask: [{
+                type: Input
+            }], showViewSelector: [{
+                type: Input
+            }], views: [{
+                type: Input
+            }], activeView: [{
+                type: Input
+            }], toolbarTemplate: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }] } });