@progress/kendo-angular-gantt 1.0.1 → 2.0.0-dev.202204150748

package/{dist/es2015 → esm2015}/toolbar/toolbar-template.directive.js

@@ -2,8 +2,8 @@
 * 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';
+import { Directive, Optional, Input } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the toolbar template of the Gantt.
  *
@@ -92,7 +92,7 @@ import { Directive, TemplateRef, Optional, Input } from '@angular/core';
  *
  * ```
  */
-let ToolbarTemplateDirective = class ToolbarTemplateDirective {
+export class ToolbarTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
         this._position = "top";
@@ -111,17 +111,17 @@ let ToolbarTemplateDirective = class ToolbarTemplateDirective {
     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 };
+}
+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
+            }] } });

package/esm2015/toolbar/view-selector.component.js

@@ -0,0 +1,96 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, Input, Output, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@progress/kendo-angular-buttons";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+/**
+ * The Gantt ViewSelector component. Shows the currently active view type, and allows switching to another view type.
+ */
+export 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`);
+    }
+    /**
+     * @hidden
+     */
+    onActiveViewChange(event) {
+        this.activeViewChange.emit(event.target.value);
+    }
+}
+ViewSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewSelectorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ViewSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ViewSelectorComponent, selector: "kendo-gantt-view-selector", inputs: { views: "views", activeView: "activeView" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "class.k-gantt-views-wrapper": "this.hostClass" } }, ngImport: i0, template: `
+        <select
+            class="k-dropdownlist k-picker k-rounded-md k-views-dropdown"
+            aria-label="View Selector"
+            [value]="activeView"
+            (change)="onActiveViewChange($event)">
+            <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>
+    `, isInline: true, components: [{ type: i2.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewSelectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    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)="onActiveViewChange($event)">
+            <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>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-gantt-views-wrapper']
+            }], views: [{
+                type: Input
+            }], activeView: [{
+                type: Input
+            }], activeViewChange: [{
+                type: Output
+            }] } });

package/{dist/es2015/expanded-state → expanded-state}/expand-event.d.ts

@@ -6,6 +6,8 @@
  * Arguments for the Gantt `expand` and `collapse` events.
  */
 export declare class ExpandEvent {
+    /** @hidden */
+    constructor();
     /**
      * The expanded/collapsed data item.
      */

package/{dist/es2015/expanded-state → expanded-state}/expandable.directive.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ExpandableDirective } from '@progress/kendo-angular-treelist';
+import * as i0 from "@angular/core";
 /**
  * A directive which controls the expanded state of the items.
  */
@@ -13,5 +14,7 @@ export declare class GanttExpandableDirective extends ExpandableDirective {
      * which is specified in the [`taskModelFields`]({% slug api_gantt_ganttcomponent %}#toc-taskmodelfields) object.
      *
      */
-    expandBy: string | ((dataItem: any) => any);
+    set expandBy(value: string | ((dataItem: any) => any));
+    static ɵfac: i0.ɵɵFactoryDeclaration<GanttExpandableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttExpandableDirective, "[kendoGanttExpandable]", ["kendoGanttExpandable"], { "expandBy": "expandBy"; }, {}, never>;
 }