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

package/esm2015/dragging/dependency-drag-create.directive.js

@@ -0,0 +1,318 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { isDocumentAvailable } from '@progress/kendo-angular-common';
+import { DragValidationTooltipComponent } from './drag-validation-tooltip.component';
+import { clientToOffsetCoords, getElementClientCenterCoords } from '../dependencies/utils';
+import { isPresent, isDependencyDragClue, getClosestTaskWrapper, getDependencyTypeFromTargetTasks, getClosestTaskIndex, sameTaskClues, isTaskWrapper, fitToRange } from '../utils';
+import { elementFromPoint } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../gantt.component";
+import * as i2 from "../common/mapping.service";
+import * as i3 from "@progress/kendo-angular-popup";
+import * as i4 from "../scrolling/timeline-scroll.service";
+/**
+ * When added to the .k-task-dot, the element will be kept with hover styles.
+ * Used for the drag clue from which the dragging has started.
+ */
+const DRAG_CLUE_HOVER_CLASS = 'k-state-hover';
+/**
+ * Add the selection disabling class to the enitre container.
+ * Otherwise existing selection on a given task text prevents dragging the clue even if the clue has `user-select: none` styles.
+ */
+const USER_SELECT_NONE_CLASS = 'k-user-select-none';
+/**
+ * When added to the .k-task-wrap, the containing .k-task-dot elements will be kept visible even when not hovered.
+ * Used for the drag clue from which the dragging has started.
+ */
+const TASK_WRAPPER_DRAG_CLASS = 'k-origin';
+/**
+ * Use 20px margin between the pointer and the popup.
+ * Could be made user-configurable if there's demand.
+ */
+const DEFAULT_POPUP_VERTICAL_MARGIN = 20;
+/**
+ * A directive which enables the creation of new dependencies via dragging.
+ */
+export class DependencyDragCreateDirective {
+    constructor(gantt, zone, renderer, mapper, popupService, timelineScrollService) {
+        this.gantt = gantt;
+        this.zone = zone;
+        this.renderer = renderer;
+        this.mapper = mapper;
+        this.popupService = popupService;
+        this.timelineScrollService = timelineScrollService;
+        /**
+         * Specifies whether the validation tooltip will be displayed during drag operations.
+         *
+         * @default true
+         */
+        this.displayValidationTooltip = true;
+        this.gantt.renderDependencyDragClues = true;
+    }
+    get container() {
+        if (!isPresent(this.gantt.timeline) || !isPresent(this.gantt.timeline.timelineContent)) {
+            return null;
+        }
+        return this.gantt.timeline.timelineContent.nativeElement;
+    }
+    get polyline() {
+        if (!isPresent(this.gantt.timeline) || !isPresent(this.gantt.timeline.dependencyDragCreatePolyline)) {
+            return null;
+        }
+        return this.gantt.timeline.dependencyDragCreatePolyline.nativeElement;
+    }
+    get popupContainer() {
+        if (!isPresent(this.gantt.timeline) || !isPresent(this.gantt.timeline.dragPopupContainer)) {
+            return null;
+        }
+        return this.gantt.timeline.dragPopupContainer;
+    }
+    ngAfterViewInit() {
+        this.subscribeDraggable();
+        this.addScrollListener();
+    }
+    ngOnDestroy() {
+        this.unsubscribeDraggable();
+        this.removeScrollListener();
+        this.fromTaskClue = null;
+        this.cancelScroll();
+        this.closeDragPopup();
+    }
+    subscribeDraggable() {
+        this.dragSubscriptions = this.gantt.timeline.timelineContainerPress
+            .subscribe(this.handlePress.bind(this));
+        this.dragSubscriptions.add(this.gantt.timeline.timelineContainerDrag
+            .subscribe(this.handleDrag.bind(this)));
+        this.dragSubscriptions.add(this.gantt.timeline.timelineContainerRelease
+            .subscribe(this.handleRelease.bind(this)));
+    }
+    unsubscribeDraggable() {
+        if (isPresent(this.dragSubscriptions)) {
+            this.dragSubscriptions.unsubscribe();
+            this.dragSubscriptions = null;
+        }
+    }
+    handlePress({ clientX, clientY }) {
+        // using `originalEvent.target` is not reliable under mobile devices with the current implementation of the draggable, so use this instead
+        const target = elementFromPoint(clientX, clientY);
+        if (isDependencyDragClue(target)) {
+            this.fromTaskClue = target;
+            this.assignDragStartClasses(this.fromTaskClue);
+            // use the center of the target clue as polyline starting point
+            const dragClueCenterCoords = getElementClientCenterCoords(this.fromTaskClue);
+            // the polyline uses `position: aboslute`, so translate the client coordinates to offset coordinates (`left` and `top` relative to the timeline container)
+            this.polylineStartCoords = clientToOffsetCoords(dragClueCenterCoords.left, dragClueCenterCoords.top, this.container);
+        }
+    }
+    handleDrag({ clientX, clientY }) {
+        if (isPresent(this.fromTaskClue)) {
+            // the polyline uses `position: aboslute`, so translate the client coordinates to offset coordinates (`left` and `top` relative to the timeline container)
+            const pointerOffsetCoords = clientToOffsetCoords(clientX, clientY, this.container);
+            // the start coords are calculated just once per drag session in handlePress
+            // use the current drag coords as polyline end coords
+            this.updatePolyline(this.polylineStartCoords, pointerOffsetCoords);
+            this.currentPointerClientCoords = { left: clientX, top: clientY };
+            if (this.gantt.dragScrollSettings.enabled) {
+                // use client coordinates for scroll trigger
+                this.scrollPointIntoView(this.currentPointerClientCoords);
+            }
+            if (this.displayValidationTooltip) {
+                this.updateDragPopup(pointerOffsetCoords);
+            }
+        }
+    }
+    handleRelease({ clientX, clientY }) {
+        if (!isPresent(this.fromTaskClue)) {
+            return;
+        }
+        // using `originalEvent.target` is not reliable under mobile devices with the current implementation of the draggable, so use this instead
+        const target = elementFromPoint(clientX, clientY);
+        if (isDependencyDragClue(target) && !sameTaskClues(this.fromTaskClue, target, this.container)) {
+            this.zone.run(() => {
+                const fromTaskClue = this.fromTaskClue;
+                const toTaskClue = target;
+                const fromTask = this.gantt.renderedTreeListItems[getClosestTaskIndex(fromTaskClue, this.container)];
+                const toTask = this.gantt.renderedTreeListItems[getClosestTaskIndex(toTaskClue, this.container)];
+                const dependencyType = getDependencyTypeFromTargetTasks(fromTaskClue, toTaskClue);
+                const { fromId, toId, type } = this.mapper.dependencyFields;
+                this.gantt.dependencyAdd.emit({
+                    fromTask: fromTask,
+                    toTask: toTask,
+                    type: dependencyType,
+                    isValid: this.gantt.validateNewDependency({
+                        [fromId]: this.mapper.extractFromTask(fromTask, 'id'),
+                        [toId]: this.mapper.extractFromTask(toTask, 'id'),
+                        [type]: dependencyType
+                    })
+                });
+            });
+        }
+        this.clearPolyline();
+        this.removeDragStartClasses(this.fromTaskClue);
+        this.fromTaskClue = null;
+        this.cancelScroll();
+        this.closeDragPopup();
+    }
+    updatePolyline(start, end) {
+        const points = `${start.left},${start.top} ${end.left},${end.top}`;
+        this.renderer.setAttribute(this.polyline, 'points', points);
+    }
+    clearPolyline() {
+        this.renderer.removeAttribute(this.polyline, 'points');
+    }
+    assignDragStartClasses(dragClue) {
+        if (!isPresent(dragClue)) {
+            return;
+        }
+        this.renderer.addClass(this.container, USER_SELECT_NONE_CLASS);
+        this.renderer.addClass(dragClue, DRAG_CLUE_HOVER_CLASS);
+        const taskWrapper = getClosestTaskWrapper(dragClue, this.container);
+        if (isPresent(taskWrapper)) {
+            this.renderer.addClass(taskWrapper, TASK_WRAPPER_DRAG_CLASS);
+        }
+    }
+    removeDragStartClasses(dragClue) {
+        if (!isPresent(dragClue)) {
+            return;
+        }
+        this.renderer.removeClass(this.container, USER_SELECT_NONE_CLASS);
+        this.renderer.removeClass(dragClue, DRAG_CLUE_HOVER_CLASS);
+        const taskWrapper = getClosestTaskWrapper(dragClue, this.container);
+        if (isPresent(taskWrapper)) {
+            this.renderer.removeClass(taskWrapper, TASK_WRAPPER_DRAG_CLASS);
+        }
+    }
+    scrollPointIntoView({ left, top }) {
+        this.timelineScrollService.requestScrollCancel();
+        this.timelineScrollService.requestHorizontalScroll(left);
+        this.timelineScrollService.requestVerticalScroll(top);
+    }
+    cancelScroll() {
+        this.timelineScrollService.requestScrollCancel();
+    }
+    addScrollListener() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        this.zone.runOutsideAngular(() => this.scrollListenerDisposer = this.renderer.listen(this.container, 'scroll', () => {
+            // update the polyline only if we're currently dragging
+            if (isPresent(this.fromTaskClue) && isPresent(this.currentPointerClientCoords)) {
+                const { left, top } = this.currentPointerClientCoords;
+                const pointerOffsetCoords = clientToOffsetCoords(left, top, this.container);
+                this.updatePolyline(this.polylineStartCoords, pointerOffsetCoords);
+                if (this.displayValidationTooltip) {
+                    this.updateDragPopup(pointerOffsetCoords);
+                }
+            }
+        }));
+    }
+    removeScrollListener() {
+        if (isPresent(this.scrollListenerDisposer)) {
+            this.scrollListenerDisposer();
+            this.scrollListenerDisposer = null;
+        }
+    }
+    openDragPopup() {
+        if (isPresent(this.dragPopup)) {
+            this.closeDragPopup();
+        }
+        this.dragPopup = this.popupService.open({
+            animate: false,
+            content: DragValidationTooltipComponent,
+            appendTo: this.popupContainer,
+            positionMode: 'absolute',
+            popupClass: 'k-popup-transparent'
+        });
+    }
+    updateDragPopup(pointerOffsetPosition) {
+        if (!isPresent(this.dragPopup)) {
+            this.openDragPopup();
+        }
+        const tooltip = this.dragPopup.content.instance;
+        const { fromTaskName, toTaskName, isValid, showValidityStatus } = this.getTooltipContext();
+        if (tooltip.fromTaskName !== fromTaskName ||
+            tooltip.toTaskName !== toTaskName ||
+            tooltip.isValid !== isValid ||
+            tooltip.showValidityStatus !== showValidityStatus) {
+            tooltip.fromTaskName = fromTaskName;
+            tooltip.toTaskName = toTaskName;
+            tooltip.isValid = isValid;
+            tooltip.showValidityStatus = showValidityStatus;
+            this.dragPopup.content.changeDetectorRef.detectChanges();
+        }
+        this.dragPopup.popup.instance.offset = this.normalizePopupPosition(pointerOffsetPosition);
+        this.dragPopup.popup.changeDetectorRef.detectChanges();
+    }
+    closeDragPopup() {
+        if (isPresent(this.dragPopup)) {
+            this.dragPopup.close();
+            this.dragPopup = null;
+        }
+    }
+    extractTaskName(target) {
+        if (!isTaskWrapper(target, this.container)) {
+            return null;
+        }
+        const taskIndex = getClosestTaskIndex(target, this.container);
+        const task = this.gantt.renderedTreeListItems[taskIndex];
+        const taskName = this.mapper.extractFromTask(task, 'title');
+        return taskName;
+    }
+    getTooltipContext() {
+        const fromTaskName = this.extractTaskName(this.fromTaskClue);
+        const currentPointerTarget = elementFromPoint(this.currentPointerClientCoords.left, this.currentPointerClientCoords.top);
+        const toTaskName = isTaskWrapper(currentPointerTarget, this.container) && !sameTaskClues(this.fromTaskClue, currentPointerTarget, this.container) ?
+            this.extractTaskName(currentPointerTarget) :
+            '';
+        const showValidityStatus = isDependencyDragClue(currentPointerTarget) && !sameTaskClues(this.fromTaskClue, currentPointerTarget, this.container);
+        const { fromId, toId, type } = this.mapper.dependencyFields;
+        return {
+            fromTaskName,
+            toTaskName,
+            showValidityStatus,
+            isValid: showValidityStatus && this.gantt.validateNewDependency({
+                [fromId]: this.mapper.extractFromTask(this.gantt.renderedTreeListItems[getClosestTaskIndex(this.fromTaskClue, this.container)], 'id'),
+                [toId]: this.mapper.extractFromTask(this.gantt.renderedTreeListItems[getClosestTaskIndex(currentPointerTarget, this.container)], 'id'),
+                [type]: getDependencyTypeFromTargetTasks(this.fromTaskClue, currentPointerTarget)
+            })
+        };
+    }
+    /**
+     * Restricts the popup position to not go below the scroll height or width of the container.
+     * Flips the position of the popup when there's not enough vertical space in the visible part of the container to render the popup.
+     */
+    normalizePopupPosition(pointerOffsetPosition) {
+        let top = pointerOffsetPosition.top + DEFAULT_POPUP_VERTICAL_MARGIN;
+        const containerClientBottom = this.container.clientHeight + this.container.scrollTop;
+        const popupHeight = this.dragPopup.popupElement.querySelector('.k-tooltip').clientHeight;
+        const enoughSpaceToRender = top < containerClientBottom - popupHeight;
+        // flip the popup above the pointer if there's not enough space in the bottom of the container
+        if (!enoughSpaceToRender) {
+            // margin * 2 to account for the already applied margin
+            top -= popupHeight + (DEFAULT_POPUP_VERTICAL_MARGIN * 2);
+        }
+        // center the popup horizontally according to the pointer position
+        const popupWidth = this.dragPopup.popupElement.querySelector('.k-tooltip').clientWidth;
+        const left = pointerOffsetPosition.left - popupWidth / 2;
+        // don't allow the popup to be cut out of the viewport
+        const minLeftTop = 0;
+        // restrict the popup from being positioned beyond or before the available scrollable space
+        return {
+            left: fitToRange(left, minLeftTop, this.container.scrollWidth - popupWidth),
+            top: fitToRange(top, minLeftTop, this.container.scrollHeight - popupHeight)
+        };
+    }
+}
+DependencyDragCreateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DependencyDragCreateDirective, deps: [{ token: i1.GanttComponent }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i2.MappingService }, { token: i3.PopupService }, { token: i4.TimelineScrollService }], target: i0.ɵɵFactoryTarget.Directive });
+DependencyDragCreateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DependencyDragCreateDirective, selector: "[kendoGanttDependencyDragCreate]", inputs: { displayValidationTooltip: "displayValidationTooltip" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DependencyDragCreateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttDependencyDragCreate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.GanttComponent }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i2.MappingService }, { type: i3.PopupService }, { type: i4.TimelineScrollService }]; }, propDecorators: { displayValidationTooltip: [{
+                type: Input
+            }] } });

package/esm2015/dragging/drag-validation-tooltip.component.js

@@ -0,0 +1,90 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class DragValidationTooltipComponent {
+    constructor() {
+        /**
+         * Sets the status class of the attempted operation.
+         * Note that the status will be ignored and the `neutral` status class will be rendered,
+         * if the any of the fromTaskName or toTaskName are not populated.
+         */
+        this.isValid = false;
+    }
+}
+DragValidationTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragValidationTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DragValidationTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DragValidationTooltipComponent, selector: "ng-component", ngImport: i0, template: `
+        <div
+            class="k-tooltip k-gantt-tooltip-validation"
+            [class.k-gantt-tooltip-valid]="showValidityStatus && isValid"
+            [class.k-gantt-tooltip-invalid]="showValidityStatus && !isValid"
+        >
+            <div class="k-gantt-tooltip-validation-row">
+                <span class="k-gantt-tooltip-validation-label">From:</span>
+                <span class="k-gantt-tooltip-validation-value">{{ fromTaskName }}</span>
+            </div>
+            <div class="k-gantt-tooltip-validation-row">
+                <span class="k-gantt-tooltip-validation-label">To:</span>
+                <span class="k-gantt-tooltip-validation-value">{{ toTaskName }}</span>
+            </div>
+        </div>
+    `, isInline: true, styles: ["\n        .k-gantt-tooltip-validation {\n            max-width: 200px;\n            display: block;\n        }\n        .k-gantt-tooltip-validation::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            width: 4px;\n            height: 100%;\n            background: #656565;\n        }\n        .k-gantt-tooltip-validation.k-gantt-tooltip-valid::before {\n            background: #37B400;\n        }\n        .k-gantt-tooltip-validation.k-gantt-tooltip-invalid::before {\n            background: #F31700;\n        }\n        .k-gantt-tooltip-validation-row {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n        .k-gantt-tooltip-validation-label {\n            display: inline-flex;\n            width: 50px;\n        }\n        .k-gantt-tooltip-validation-value {\n            font-weight: bold;\n        }\n    "] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragValidationTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+        <div
+            class="k-tooltip k-gantt-tooltip-validation"
+            [class.k-gantt-tooltip-valid]="showValidityStatus && isValid"
+            [class.k-gantt-tooltip-invalid]="showValidityStatus && !isValid"
+        >
+            <div class="k-gantt-tooltip-validation-row">
+                <span class="k-gantt-tooltip-validation-label">From:</span>
+                <span class="k-gantt-tooltip-validation-value">{{ fromTaskName }}</span>
+            </div>
+            <div class="k-gantt-tooltip-validation-row">
+                <span class="k-gantt-tooltip-validation-label">To:</span>
+                <span class="k-gantt-tooltip-validation-value">{{ toTaskName }}</span>
+            </div>
+        </div>
+    `,
+                    styles: [`
+        .k-gantt-tooltip-validation {
+            max-width: 200px;
+            display: block;
+        }
+        .k-gantt-tooltip-validation::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 4px;
+            height: 100%;
+            background: #656565;
+        }
+        .k-gantt-tooltip-validation.k-gantt-tooltip-valid::before {
+            background: #37B400;
+        }
+        .k-gantt-tooltip-validation.k-gantt-tooltip-invalid::before {
+            background: #F31700;
+        }
+        .k-gantt-tooltip-validation-row {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        .k-gantt-tooltip-validation-label {
+            display: inline-flex;
+            width: 50px;
+        }
+        .k-gantt-tooltip-validation-value {
+            font-weight: bold;
+        }
+    `]
+                }]
+        }] });

package/esm2015/editing/add-task.component.js

@@ -0,0 +1,109 @@
+/**-----------------------------------------------------------------------------------------
+* 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 } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./edit.service";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "@progress/kendo-angular-common";
+/**
+ * The UI for adding new items to the Gantt.
+ * Use it within a toolbar template to provide a custom icon or list of options.
+ */
+export class GanttAddTaskComponent {
+    constructor(localizationService, editService, ngZone) {
+        this.localizationService = localizationService;
+        this.editService = editService;
+        this.ngZone = ngZone;
+        /**
+         * Sets the data of the DropDownButton.
+         * > The data has to be provided in an array-like list.
+         */
+        this.data = [{
+                text: this.getText('addChildText'),
+                type: 'addChild'
+            }, {
+                text: this.getText('addAboveText'),
+                type: 'addAbove'
+            }, {
+                text: this.getText('addBelowText'),
+                type: 'addBelow'
+            }];
+        /**
+         * Defines the name of an existing icon in a Kendo UI theme.
+         * @default 'plus'
+         */
+        this.icon = 'plus';
+    }
+    /**
+     * @hidden
+     */
+    getText(message) {
+        return this.localizationService.get(message);
+    }
+    /**
+     * @hidden
+     */
+    handleOpen(e) {
+        if (!this.editService.getSelectedItem()) {
+            e.preventDefault();
+        }
+    }
+    /**
+     * @hidden
+     */
+    handleMouseClick() {
+        if (!this.editService.getSelectedItem()) {
+            this.ngZone.run(() => {
+                this.editService.addEvent.next({
+                    selectedItem: null,
+                    actionType: 'addTask'
+                });
+            });
+        }
+    }
+    /**
+     * @hidden
+     */
+    handleItemClick(e) {
+        this.editService.addEvent.next({
+            actionType: e.type,
+            selectedItem: null
+        });
+    }
+}
+GanttAddTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttAddTaskComponent, deps: [{ token: i1.LocalizationService }, { token: i2.EditService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+GanttAddTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GanttAddTaskComponent, selector: "kendo-gantt-add-task", inputs: { data: "data", icon: "icon" }, ngImport: i0, template: `
+        <kendo-dropdownbutton
+            [data]="data"
+            [icon]="icon"
+            [kendoEventsOutsideAngular]="{ click: handleMouseClick }"
+            [scope]="this"
+            (itemClick)="handleItemClick($event)"
+            (open)="handleOpen($event)">
+            {{ getText('addTaskText') }}
+        </kendo-dropdownbutton>
+    `, isInline: true, components: [{ type: i3.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["icon", "iconClass", "imageUrl", "popupSettings", "textField", "disabled", "data", "size", "rounded", "fillMode", "themeColor", "buttonClass", "tabIndex"], outputs: ["itemClick", "open", "close", "focus", "blur"], exportAs: ["kendoDropDownButton"] }], directives: [{ type: i4.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttAddTaskComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-add-task',
+                    template: `
+        <kendo-dropdownbutton
+            [data]="data"
+            [icon]="icon"
+            [kendoEventsOutsideAngular]="{ click: handleMouseClick }"
+            [scope]="this"
+            (itemClick)="handleItemClick($event)"
+            (open)="handleOpen($event)">
+            {{ getText('addTaskText') }}
+        </kendo-dropdownbutton>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.EditService }, { type: i0.NgZone }]; }, propDecorators: { data: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });