@progress/kendo-angular-gantt 2.0.0-next.202204011501 → 2.0.0-next.202204121507

package/timeline/timeline-month-view.service.d.ts

@@ -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 { IntlService } from '@progress/kendo-angular-intl';
+import { MappingService } from '../common/mapping.service';
+import { TimelineBaseViewService } from './timeline-base-view.service';
+import { Slot } from '../models/slot.interface';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TimelineMonthViewService extends TimelineBaseViewService {
+    constructor(intlService: IntlService, mapper: MappingService);
+    /**
+     * Gets a week before the first week in which a task starts.
+     */
+    getStartOffset(rangeStart: Date): Date;
+    /**
+     * Gets a week after the last week in which a task ends.
+     */
+    getEndOffset(rangeEnd: Date): Date;
+    /**
+     *
+     * @param tasks - The tasks which are going to be rendered in the table
+     * @returns {number}
+     */
+    getTableWidth(tasks: any[]): number;
+    /**
+     *
+     * @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: any[]): Array<Slot[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineMonthViewService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TimelineMonthViewService>;
+}

package/timeline/timeline-view.service.d.ts

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, Injector } from '@angular/core';
+import { TimelineViewType } from '../models/models';
+import { TimelineBaseViewService } from './timeline-base-view.service';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TimelineViewService {
+    private injector;
+    viewChange: EventEmitter<any>;
+    constructor(injector: Injector);
+    service(view: TimelineViewType): TimelineBaseViewService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineViewService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TimelineViewService>;
+}

package/timeline/timeline-week-view.component.d.ts

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { DependencyDomService } from '../dependencies/dependency-dom.service';
+import { TimelineViewType } from '../models/timeline-view';
+import { ViewBase } from './view-base';
+import { OptionChangesService } from '../common/option-changes.service';
+import * as i0 from "@angular/core";
+export declare class TimelineWeekViewComponent extends ViewBase {
+    /**
+     * The type for this view (`week`).
+     */
+    readonly type: TimelineViewType;
+    constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineWeekViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineWeekViewComponent, "kendo-gantt-timeline-week-view", never, {}, {}, never, never>;
+}

package/timeline/timeline-week-view.service.d.ts

@@ -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 { IntlService } from '@progress/kendo-angular-intl';
+import { MappingService } from '../common/mapping.service';
+import { TimelineBaseViewService } from './timeline-base-view.service';
+import { Slot } from '../models/slot.interface';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TimelineWeekViewService extends TimelineBaseViewService {
+    constructor(intlService: IntlService, mapper: MappingService);
+    /**
+     * Gets a date a day before the first task start with hours, minutes, seconds, milliseconds cleared.
+     */
+    getStartOffset(rangeStart: Date): Date;
+    /**
+     * Gets a date a day after the last task start with hours, minutes, seconds, milliseconds cleared.
+     */
+    getEndOffset(rangeEnd: Date): Date;
+    /**
+     *
+     * @param tasks - The tasks which are going to be rendered in the table
+     * @returns {number}
+     */
+    getTableWidth(tasks: any[]): number;
+    /**
+     *
+     * @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: any[]): Array<Slot[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineWeekViewService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TimelineWeekViewService>;
+}

package/timeline/view-base.d.ts

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { DependencyDomService } from '../dependencies/dependency-dom.service';
+import { TimelineViewType } from '../models/timeline-view';
+import { OptionChangesService } from '../common/option-changes.service';
+import * as i0 from "@angular/core";
+/**
+ * The base class for the column components of the Gantt.
+ */
+export declare abstract class ViewBase implements OnChanges {
+    private optionChangesService;
+    private dependencyDomService;
+    /**
+     * The width of the time slot headers. Values are treated as pixels.
+     *
+     * @default 100
+     */
+    slotWidth: number;
+    /**
+     * The type for the view (`day`, `week` or `month`).
+     */
+    abstract type: TimelineViewType;
+    /**
+     *
+     * @hidden
+     */
+    constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ViewBase, "kendo-gantt-view-base", never, { "slotWidth": "slotWidth"; }, {}, never>;
+}

package/toolbar/toolbar-template.directive.d.ts

@@ -0,0 +1,112 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ToolbarPosition } from '../models/toolbar-settings';
+import { TemplateRef } 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 declare class ToolbarTemplateDirective {
+    templateRef: TemplateRef<any>;
+    _position: ToolbarPosition;
+    /**
+     * 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: ToolbarPosition);
+    get position(): ToolbarPosition;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolbarTemplateDirective, "[kendoGanttToolbarTemplate]", never, { "position": "position"; }, {}, never>;
+}

package/toolbar/toolbar.component.d.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ToolbarTemplateDirective } from './toolbar-template.directive';
+import { TemplateRef, EventEmitter } from '@angular/core';
+import { TimelineViewType } from './../models/timeline-view';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class ToolbarComponent {
+    context: any;
+    role: string;
+    activeViewChange: EventEmitter<TimelineViewType>;
+    showAddTask: boolean;
+    showViewSelector: boolean;
+    views: TimelineViewType[];
+    activeView: any;
+    toolbarTemplate: ToolbarTemplateDirective;
+    set position(value: 'top' | 'bottom');
+    get position(): 'top' | 'bottom';
+    get toolbarTemplateRef(): TemplateRef<any>;
+    get renderTemplate(): boolean;
+    private _position;
+    handleViewChange(view: TimelineViewType): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "kendo-gantt-toolbar", never, { "showAddTask": "showAddTask"; "showViewSelector": "showViewSelector"; "views": "views"; "activeView": "activeView"; "toolbarTemplate": "toolbarTemplate"; "position": "position"; }, { "activeViewChange": "activeViewChange"; }, never, never>;
+}

package/toolbar/view-selector.component.d.ts

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { TimelineViewType } from './../models/timeline-view';
+import * as i0 from "@angular/core";
+/**
+ * The Gantt ViewSelector component. Shows the currently active view type, and allows switching to another view type.
+ */
+export declare class ViewSelectorComponent {
+    private localizationService;
+    hostClass: boolean;
+    /**
+     * The collection of the timeline view types in the current Gantt configuration.
+     */
+    views: TimelineViewType[];
+    /**
+     * The currently active view type.
+     * @default 'week'
+     */
+    activeView: TimelineViewType;
+    /**
+     * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
+     */
+    activeViewChange: EventEmitter<TimelineViewType>;
+    constructor(localizationService: LocalizationService);
+    /**
+     * @hidden
+     */
+    onClick(viewType: TimelineViewType): void;
+    /**
+     * @hidden
+     */
+    getViewTypeText(viewType: TimelineViewType): string;
+    /**
+     * @hidden
+     */
+    onActiveViewChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewSelectorComponent, "kendo-gantt-view-selector", never, { "views": "views"; "activeView": "activeView"; }, { "activeViewChange": "activeViewChange"; }, never, never>;
+}

package/utils.d.ts

@@ -0,0 +1,166 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Day } from '@progress/kendo-date-math';
+import { GanttColumnBase, GanttColumnGroupComponent } from './columns/columns';
+import { DependencyType } from './models/dependency-type.enum';
+import { ViewItem } from './models/view-item.interface';
+/**
+ * @hidden
+ */
+export declare const isWorkDay: (date: Date, start: number, end: number) => boolean;
+/**
+ * @hidden
+ */
+export declare const isWorkHour: (date: Date, start: number, end: number) => boolean;
+/**
+ * @hidden
+ */
+export declare const isPresent: (item: any) => boolean;
+/**
+ * @hidden
+ *
+ * Normalized the data to an array in case a falsy value is passed
+ * or a TreeListDataResult object (applicable for the data-binding directives).
+ */
+export declare const normalizeGanttData: (data: any) => any[];
+/**
+ * @hidden
+ */
+export declare const isArray: Function;
+/**
+ * @hidden
+ *
+ * Returns a new date with the specified hours, minutes, seconds and millliseconds set.
+ * Only the hours are required, the rest of the params are set to `0` by default.
+ */
+export declare const setTime: (date: Date, hours: number, minutes?: number, seconds?: number, milliseconds?: number) => Date;
+/**
+ * @hidden
+ *
+ * Returns the last day of a week.
+ * @param standingPoint - Any day of the target week.
+ * @param firstWeekDay - The week's starting day (e.g. Monday, Tuesday, etc.)
+ */
+export declare const lastDayOfWeek: (standingPoint: Date, firstWeekDay: Day) => Date;
+/**
+ * @hidden
+ *
+ * Gets the default scrollbar width accoring to the current environment.
+ */
+export declare const scrollbarWidth: () => number;
+/**
+ * @hidden
+ */
+export declare const isColumnGroup: (column: GanttColumnBase) => column is GanttColumnGroupComponent;
+/**
+ * @hidden
+ */
+export declare const isNumber: (contender: any) => contender is number;
+/**
+ * @hidden
+ */
+export declare const isString: (contender: any) => contender is string;
+/**
+ * @hidden
+ *
+ * Native Omit appears in TS v3.5, we can use it when we drop Angular 8 (requires v3.4)
+ */
+export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+/**
+ * @hidden
+ *
+ * Gets the closest timeline task wrapper element from an event target.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+export declare const getClosestTaskWrapper: (element: Element, parentScope: Element) => Element;
+/**
+ * @hidden
+ *
+ * Checks whether the queried item or its parent items has a `k-task-wrap` selector.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+export declare const isTaskWrapper: (contender: Element, parentScope: Element) => boolean;
+/**
+ * @hidden
+ *
+ * Gets the closest timeline task element from an event target.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+export declare const getClosestTask: (element: Element, parentScope: Element) => Element;
+/**
+ * @hidden
+ *
+ * Gets the closest timeline task element index from an event target.
+ * Uses the `data-task-index` attribute assigned to each task.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+export declare const getClosestTaskIndex: (element: Element | EventTarget, parentScope: Element) => number;
+/**
+ * @hidden
+ *
+ * Checks whether the queried item or its parent items has a `k-task` selector.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+export declare const isTask: (contender: Element | EventTarget, parentScope: Element) => boolean;
+/**
+ * @hidden
+ *
+ * Checks whether the queried item or its parent items has a `k-toolbar` selector.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+export declare const isToolbar: (contender: Element | EventTarget, parentScope: Element) => boolean;
+/**
+ * @hidden
+ *
+ * Checks whether the queried item or its parent items has a `k-task-actions` selector - used for the clear button.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+export declare const isClearButton: (contender: Element | EventTarget, parentScope: Element) => boolean;
+/**
+ * @hidden
+ *
+ * Checks whether the queried item has a `k-task-dot` selector - used for the dependency drag clues.
+ */
+export declare const isDependencyDragClue: (element: Element) => boolean;
+/**
+ * @hidden
+ *
+ * Checks whether the queried item has a `k-task-dot` & `k-task-start` selector - used for the dependency drag start clues.
+ */
+export declare const isDependencyDragStartClue: (element: Element) => boolean;
+/**
+ * @hidden
+ *
+ * Gets the `DependencyType` for an attempted dependency create from the provided two elements.
+ * The two linked drag clue HTML elements are used to extract this data (via their CSS classes).
+ */
+export declare const getDependencyTypeFromTargetTasks: (fromTaskClue: Element, toTaskClue: Element) => DependencyType;
+/**
+ * @hidden
+ *
+ * Checks whether the two provided drag clues belong to the same task element.
+ */
+export declare const sameTaskClues: (fromTaskClue: Element, toTaskClue: Element, parentScope: Element) => boolean;
+/**
+ * @hidden
+ *
+ * Fits a contender number between a min and max range.
+ * If the contender is below the min value, the min value is returned.
+ * If the contender is above the max value, the max value is returned.
+ */
+export declare const fitToRange: (contender: number, min: number, max: number) => number;
+/**
+ * @hidden
+ *
+ * Checks whether either of the two provided tasks is a parent of the other.
+ */
+export declare const areParentChild: (taskA: ViewItem, taskB: ViewItem) => boolean;
+/**
+ * @hidden
+ *
+ * Extracts an element from the provided client coords.
+ * Using the `event.target` is not reliable under mobile devices with the current implementation of the draggable, so use this instead.
+ */
+export declare const elementFromPoint: (clientX: number, clientY: number) => HTMLElement;