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

package/dist/es2015/timeline/view-base.d.ts

@@ -1,31 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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';
-/**
- * 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;
-}

package/dist/es2015/timeline/view-base.js

@@ -1,36 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Input } from '@angular/core';
-import { anyChanged } from '@progress/kendo-angular-common';
-/**
- * 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();
-        }
-    }
-}
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], ViewBase.prototype, "slotWidth", void 0);

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

@@ -1,108 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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';
-/**
- * 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).
-     */
-    position: ToolbarPosition;
-    constructor(templateRef: TemplateRef<any>);
-}

package/dist/es2015/toolbar/toolbar-template.directive.js

@@ -1,127 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef, Optional, Input } 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");
- *     }
- * }
- *
- * ```
- */
-let ToolbarTemplateDirective = 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;
-    }
-};
-tslib_1.__decorate([
-    Input('position'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ToolbarTemplateDirective.prototype, "position", null);
-ToolbarTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoGanttToolbarTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], ToolbarTemplateDirective);
-export { ToolbarTemplateDirective };

package/dist/es2015/toolbar/toolbar.component.d.ts

@@ -1,23 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { TemplateRef } from '@angular/core';
-import { GanttComponent } from '../gantt.component';
-import { TimelineViewType } from './../models/timeline-view';
-/**
- * @hidden
- */
-export declare class ToolbarComponent {
-    gantt: GanttComponent;
-    context: any;
-    role: string;
-    showAddTask: boolean;
-    showViewSelector: boolean;
-    position: 'top' | 'bottom';
-    readonly toolbarTemplateRef: TemplateRef<any>;
-    readonly renderTemplate: boolean;
-    private _position;
-    constructor(gantt: GanttComponent);
-    handleViewChange(view: TimelineViewType): void;
-}

package/dist/es2015/toolbar/toolbar.component.js

@@ -1,75 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, HostBinding } from '@angular/core';
-import { GanttComponent } from '../gantt.component';
-/**
- * @hidden
- */
-let ToolbarComponent = class ToolbarComponent {
-    constructor(gantt) {
-        this.gantt = gantt;
-        this.context = {};
-        this.role = 'toolbar';
-    }
-    set position(value) {
-        this.context.position = this._position = value;
-    }
-    get position() {
-        return this._position;
-    }
-    get toolbarTemplateRef() {
-        return this.gantt.toolbarTemplate ? this.gantt.toolbarTemplate.templateRef : undefined;
-    }
-    get renderTemplate() {
-        const ganttToolbarTemplate = this.gantt.toolbarTemplate;
-        const templatePosition = ganttToolbarTemplate ? ganttToolbarTemplate.position : null;
-        return ganttToolbarTemplate && (templatePosition === 'both' || templatePosition === this.position);
-    }
-    handleViewChange(view) {
-        this.gantt.changeActiveView(view);
-    }
-};
-tslib_1.__decorate([
-    HostBinding('attr.role'),
-    tslib_1.__metadata("design:type", String)
-], ToolbarComponent.prototype, "role", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ToolbarComponent.prototype, "showAddTask", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ToolbarComponent.prototype, "showViewSelector", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], ToolbarComponent.prototype, "position", null);
-ToolbarComponent = tslib_1.__decorate([
-    Component({
-        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]="gantt.viewTypes"
-                [activeView]="gantt.activeView"
-                (activeViewChange)="handleViewChange($event)"></kendo-gantt-view-selector>
-        </ng-container>
-        <ng-template
-            *ngIf="renderTemplate"
-            [ngTemplateOutlet]="toolbarTemplateRef"
-            [ngTemplateOutletContext]="context"
-            >
-        </ng-template>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [GanttComponent])
-], ToolbarComponent);
-export { ToolbarComponent };

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

@@ -1,36 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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';
-/**
- * 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;
-}

package/dist/es2015/toolbar/view-selector.component.js

@@ -1,78 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, EventEmitter, Input, Output, HostBinding } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-/**
- * The Gantt ViewSelector component. Shows the currently active view type, and allows switching to another view type.
- */
-let ViewSelectorComponent = class ViewSelectorComponent {
-    constructor(localizationService) {
-        this.localizationService = localizationService;
-        this.hostClass = true;
-        /**
-         * The currently active view type.
-         * @default 'week'
-         */
-        this.activeView = 'week';
-        /**
-         * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
-         */
-        this.activeViewChange = new EventEmitter();
-    }
-    /**
-     * @hidden
-     */
-    onClick(viewType) {
-        if (viewType !== this.activeView) {
-            this.activeViewChange.emit(viewType);
-        }
-    }
-    /**
-     * @hidden
-     */
-    getViewTypeText(viewType) {
-        return this.localizationService.get(`${viewType}ViewText`);
-    }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-gantt-views-wrapper'),
-    tslib_1.__metadata("design:type", Boolean)
-], ViewSelectorComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], ViewSelectorComponent.prototype, "views", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ViewSelectorComponent.prototype, "activeView", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ViewSelectorComponent.prototype, "activeViewChange", void 0);
-ViewSelectorComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-gantt-view-selector',
-        template: `
-        <select
-            class="k-dropdownlist k-picker k-rounded-md k-views-dropdown"
-            aria-label="View Selector"
-            [value]="activeView"
-            (change)="activeViewChange.emit($event.target.value)">
-            <option *ngFor="let view of views" [value]="view">{{getViewTypeText(view)}}</option>
-        </select>
-        <kendo-buttongroup class="k-gantt-views" selection="single">
-            <button *ngFor="let view of views"
-                kendoButton
-                type="button"
-                [selected]="view === activeView"
-                (click)="onClick(view)">{{getViewTypeText(view)}}</button>
-        </kendo-buttongroup>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService])
-], ViewSelectorComponent);
-export { ViewSelectorComponent };