@progress/kendo-angular-gantt 19.1.2-develop.4 → 19.1.2-develop.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/binding-directives/flat-binding.directive.d.ts +16 -4
- package/binding-directives/hierarchy-binding.directive.d.ts +16 -3
- package/columns/cell-template.directive.d.ts +20 -12
- package/columns/column-base.component.d.ts +2 -1
- package/columns/column-group.component.d.ts +14 -0
- package/columns/column-menu-template.directive.d.ts +14 -7
- package/columns/column.component.d.ts +12 -2
- package/columns/edit-template.directive.d.ts +15 -6
- package/columns/filter-menu-template.directive.d.ts +14 -4
- package/columns/footer-template.directive.d.ts +14 -5
- package/columns/header-template.directive.d.ts +15 -5
- package/columns/span-column.component.d.ts +16 -0
- package/directives.d.ts +1 -1
- package/dragging/dependency-drag-create.directive.d.ts +9 -2
- package/dragging/task-drag.directive.d.ts +17 -4
- package/editing/add-task.component.d.ts +7 -7
- package/esm2022/binding-directives/flat-binding.directive.mjs +16 -4
- package/esm2022/binding-directives/hierarchy-binding.directive.mjs +16 -3
- package/esm2022/columns/cell-template.directive.mjs +20 -12
- package/esm2022/columns/column-base.component.mjs +2 -1
- package/esm2022/columns/column-group.component.mjs +14 -0
- package/esm2022/columns/column-menu-template.directive.mjs +14 -7
- package/esm2022/columns/column.component.mjs +12 -2
- package/esm2022/columns/edit-template.directive.mjs +15 -6
- package/esm2022/columns/filter-menu-template.directive.mjs +14 -4
- package/esm2022/columns/footer-template.directive.mjs +14 -5
- package/esm2022/columns/header-template.directive.mjs +15 -5
- package/esm2022/columns/span-column.component.mjs +16 -0
- package/esm2022/directives.mjs +1 -1
- package/esm2022/dragging/dependency-drag-create.directive.mjs +9 -18
- package/esm2022/dragging/task-drag.directive.mjs +17 -4
- package/esm2022/editing/add-task.component.mjs +7 -7
- package/esm2022/expanded-state/expand-event.mjs +3 -2
- package/esm2022/expanded-state/expandable.directive.mjs +11 -5
- package/esm2022/gantt.component.mjs +163 -211
- package/esm2022/gantt.module.mjs +9 -20
- package/esm2022/localization/custom-messages.component.mjs +10 -2
- package/esm2022/models/dependency-type.enum.mjs +14 -2
- package/esm2022/models/events/cell-close-event.interface.mjs +9 -10
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/selection/selectable.directive.mjs +13 -5
- package/esm2022/template-directives/summary-task-template.directive.mjs +14 -23
- package/esm2022/template-directives/task-content-template.directive.mjs +3 -4
- package/esm2022/template-directives/task-template.directive.mjs +12 -21
- package/esm2022/template-directives/task-tooltip-template.directive.mjs +3 -4
- package/esm2022/timeline/timeline-day-view.component.mjs +7 -2
- package/esm2022/timeline/timeline-month-view.component.mjs +7 -2
- package/esm2022/timeline/timeline-week-view.component.mjs +7 -2
- package/esm2022/timeline/timeline-year-view.component.mjs +7 -2
- package/esm2022/timeline/view-base.mjs +10 -4
- package/esm2022/toolbar/toolbar-template.directive.mjs +13 -86
- package/esm2022/toolbar/view-selector.component.mjs +4 -4
- package/expanded-state/expand-event.d.ts +3 -2
- package/expanded-state/expandable.directive.d.ts +11 -5
- package/fesm2022/progress-kendo-angular-gantt.mjs +520 -490
- package/gantt.component.d.ts +159 -207
- package/gantt.module.d.ts +9 -20
- package/localization/custom-messages.component.d.ts +10 -2
- package/models/cell-content-type.interface.d.ts +4 -3
- package/models/class-callbacks.d.ts +20 -20
- package/models/column-menu-settings.interface.d.ts +7 -8
- package/models/column-reorder-config.d.ts +4 -1
- package/models/current-time-settings.interface.d.ts +8 -5
- package/models/dependency-type.enum.d.ts +13 -1
- package/models/events/cell-click-event.interface.d.ts +9 -9
- package/models/events/cell-close-event.interface.d.ts +9 -10
- package/models/events/column-reorder-event.interface.d.ts +1 -1
- package/models/events/column-resize-event.interface.d.ts +1 -1
- package/models/events/column-visibility-change-event.interface.d.ts +2 -2
- package/models/events/data-state-change-event.interface.d.ts +1 -1
- package/models/events/dependency-add-event.interface.d.ts +5 -5
- package/models/events/task-add-event.interface.d.ts +6 -6
- package/models/events/task-click-event.interface.d.ts +6 -6
- package/models/events/task-delete-event.interface.d.ts +4 -5
- package/models/events/task-drag-event.interface.d.ts +13 -15
- package/models/events/task-edit-event.interface.d.ts +13 -15
- package/models/gantt-dependency-model-fields.interface.d.ts +11 -10
- package/models/gantt-dependency.interface.d.ts +8 -5
- package/models/gantt-task-model-fields.interface.d.ts +22 -13
- package/models/gantt-task.interface.d.ts +11 -10
- package/models/sort-settings.d.ts +6 -6
- package/models/splitter-pane-options.interface.d.ts +8 -8
- package/models/timeline-header-date-format.d.ts +4 -3
- package/models/timeline-view.d.ts +1 -1
- package/models/toolbar-settings.d.ts +5 -6
- package/models/tooltip-options.interface.d.ts +4 -4
- package/package.json +17 -17
- package/schematics/ngAdd/index.js +7 -7
- package/scrolling/drag-scroll-settings.d.ts +4 -4
- package/selection/selectable.directive.d.ts +13 -5
- package/selection/selection-change-event.d.ts +6 -7
- package/template-directives/summary-task-template.directive.d.ts +14 -23
- package/template-directives/task-content-template.directive.d.ts +3 -4
- package/template-directives/task-template.directive.d.ts +12 -21
- package/template-directives/task-tooltip-template.directive.d.ts +3 -4
- package/timeline/timeline-day-view.component.d.ts +7 -2
- package/timeline/timeline-month-view.component.d.ts +7 -2
- package/timeline/timeline-week-view.component.d.ts +7 -2
- package/timeline/timeline-year-view.component.d.ts +7 -2
- package/timeline/view-base.d.ts +11 -5
- package/toolbar/toolbar-template.directive.d.ts +13 -86
- package/toolbar/view-selector.component.d.ts +4 -4
|
@@ -5,11 +5,10 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* with the `kendoGanttTaskTooltipTemplate` directive inside the `<kendo-gantt>` tag.
|
|
8
|
+
* Defines a template for the entire Task tooltip.
|
|
9
|
+
* Place an `<ng-template>` tag with the `kendoGanttTaskTooltipTemplate` directive inside the `<kendo-gantt>` tag to set the template.
|
|
11
10
|
*
|
|
12
|
-
* The template context
|
|
11
|
+
* The template context uses the related data item.
|
|
13
12
|
*
|
|
14
13
|
* @example
|
|
15
14
|
* ```ts-preview
|
|
@@ -8,11 +8,16 @@ import { ViewBase } from './view-base';
|
|
|
8
8
|
import { OptionChangesService } from '../common/option-changes.service';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Represents the Gantt timeline day view component.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <kendo-gantt-timeline-day-view></kendo-gantt-timeline-day-view>
|
|
16
|
+
* ```
|
|
12
17
|
*/
|
|
13
18
|
export declare class TimelineDayViewComponent extends ViewBase {
|
|
14
19
|
/**
|
|
15
|
-
*
|
|
20
|
+
* Specifies the type for this view (`day`).
|
|
16
21
|
*/
|
|
17
22
|
readonly type: TimelineViewType;
|
|
18
23
|
constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
|
|
@@ -8,11 +8,16 @@ import { ViewBase } from './view-base';
|
|
|
8
8
|
import { OptionChangesService } from '../common/option-changes.service';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Represents the Gantt timeline month view component.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <kendo-gantt-timeline-month-view></kendo-gantt-timeline-month-view>
|
|
16
|
+
* ```
|
|
12
17
|
*/
|
|
13
18
|
export declare class TimelineMonthViewComponent extends ViewBase {
|
|
14
19
|
/**
|
|
15
|
-
*
|
|
20
|
+
* Specifies the type for this view (`month`).
|
|
16
21
|
*/
|
|
17
22
|
readonly type: TimelineViewType;
|
|
18
23
|
constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
|
|
@@ -8,11 +8,16 @@ import { ViewBase } from './view-base';
|
|
|
8
8
|
import { OptionChangesService } from '../common/option-changes.service';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Represents the Gantt timeline week view component.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <kendo-gantt-timeline-week-view></kendo-gantt-timeline-week-view>
|
|
16
|
+
* ```
|
|
12
17
|
*/
|
|
13
18
|
export declare class TimelineWeekViewComponent extends ViewBase {
|
|
14
19
|
/**
|
|
15
|
-
*
|
|
20
|
+
* Specifies the type for this view (`week`).
|
|
16
21
|
*/
|
|
17
22
|
readonly type: TimelineViewType;
|
|
18
23
|
constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
|
|
@@ -8,11 +8,16 @@ import { ViewBase } from './view-base';
|
|
|
8
8
|
import { OptionChangesService } from '../common/option-changes.service';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Represents the Gantt timeline year view component.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <kendo-gantt-timeline-year-view></kendo-gantt-timeline-year-view>
|
|
16
|
+
* ```
|
|
12
17
|
*/
|
|
13
18
|
export declare class TimelineYearViewComponent extends ViewBase {
|
|
14
19
|
/**
|
|
15
|
-
*
|
|
20
|
+
* Specifies the type for this view (`year`).
|
|
16
21
|
*/
|
|
17
22
|
readonly type: TimelineViewType;
|
|
18
23
|
constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
|
package/timeline/view-base.d.ts
CHANGED
|
@@ -10,13 +10,20 @@ import { TimelineHeaderDateFormat } from '../models/timeline-header-date-format'
|
|
|
10
10
|
import { CurrentTimeSettings } from '../models/current-time-settings.interface';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Serves as the base class for the timeline view components of the Gantt.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```typescript
|
|
17
|
+
* export class CustomTimelineViewComponent extends ViewBase {
|
|
18
|
+
* public readonly type: TimelineViewType = 'custom';
|
|
19
|
+
* }
|
|
20
|
+
* ```
|
|
14
21
|
*/
|
|
15
22
|
export declare abstract class ViewBase implements OnChanges {
|
|
16
23
|
private optionChangesService;
|
|
17
24
|
private dependencyDomService;
|
|
18
25
|
/**
|
|
19
|
-
*
|
|
26
|
+
* Sets the width of the time slot headers in pixels.
|
|
20
27
|
*
|
|
21
28
|
* @default 100
|
|
22
29
|
*/
|
|
@@ -27,13 +34,12 @@ export declare abstract class ViewBase implements OnChanges {
|
|
|
27
34
|
timelineHeadersDateFormat: TimelineHeaderDateFormat;
|
|
28
35
|
/**
|
|
29
36
|
* Specifies the current time marker settings.
|
|
30
|
-
* If not set, the
|
|
37
|
+
* If you do not set a value, the component uses the value from the Gantt component
|
|
31
38
|
* [`currentTimeMarker`]({% slug api_gantt_ganttcomponent %}#toc-currentTimeMarker) property.
|
|
32
|
-
*
|
|
33
39
|
*/
|
|
34
40
|
currentTimeMarker: boolean | CurrentTimeSettings;
|
|
35
41
|
/**
|
|
36
|
-
*
|
|
42
|
+
* Specifies the type for the view (`day`, `week`, `month`, or `year`).
|
|
37
43
|
*/
|
|
38
44
|
abstract type: TimelineViewType;
|
|
39
45
|
/**
|
|
@@ -8,101 +8,28 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
/**
|
|
9
9
|
* Represents the toolbar template of the Gantt.
|
|
10
10
|
*
|
|
11
|
-
* The template context
|
|
12
|
-
* - `position`—The position
|
|
11
|
+
* The template context includes:
|
|
12
|
+
* - `position`—The position where the toolbar template renders. Possible values are `'top'` and `'bottom'`.
|
|
13
13
|
*
|
|
14
14
|
* @example
|
|
15
|
-
* ```
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
21
|
-
* <input type="radio" kendoRadioButton id="top" name="position" value="top" checked (click)="positionChange($event)"/>
|
|
22
|
-
* <kendo-label class="k-radio-label" for="top">Top</kendo-label><br/>
|
|
23
|
-
* <input type="radio" kendoRadioButton id="bottom" name="position" value="bottom" (click)="positionChange($event)"/>
|
|
24
|
-
* <kendo-label class="k-radio-label" for="bottom">Bottom</kendo-label><br/>
|
|
25
|
-
* <input type="radio" kendoRadioButton id="both" name="position" value="both" (click)="positionChange($event)"/>
|
|
26
|
-
* <kendo-label class="k-radio-label" for="both">Both</kendo-label><br/>
|
|
27
|
-
* </div>
|
|
28
|
-
* <kendo-gantt [[kendoGanttHierarchyBinding]="data"]="data" [style.height.px]="400">
|
|
29
|
-
* <ng-template kendoGanttToolbarTemplate [position]="position" let-position="position">
|
|
30
|
-
* <button kendoButton (click)="onClick()">Custom action</button>
|
|
31
|
-
* </ng-template>
|
|
32
|
-
* </kendo-gantt>
|
|
33
|
-
* `
|
|
34
|
-
* })
|
|
35
|
-
*
|
|
36
|
-
* class AppComponent {
|
|
37
|
-
* public position: 'top' | 'bottom' | 'both' = 'top';
|
|
38
|
-
*
|
|
39
|
-
* public data = [{
|
|
40
|
-
* id: 7,
|
|
41
|
-
* title: "Software validation, research and implementation",
|
|
42
|
-
* orderId: 0,
|
|
43
|
-
* start: new Date("2014-06-02T00:00:00.000Z"),
|
|
44
|
-
* end: new Date("2014-07-12T00:00:00.000Z"),
|
|
45
|
-
* completionRatio: 0.45708333333333334,
|
|
46
|
-
* isExpanded: true,
|
|
47
|
-
* children: [{
|
|
48
|
-
* id: 11,
|
|
49
|
-
* title: "Research",
|
|
50
|
-
* orderId: 1,
|
|
51
|
-
* start: new Date("2014-06-02T00:00:00.000Z"),
|
|
52
|
-
* end: new Date("2014-06-07T00:00:00.000Z"),
|
|
53
|
-
* completionRatio: 0.5766666666666667,
|
|
54
|
-
* isExpanded: true,
|
|
55
|
-
* children: [{
|
|
56
|
-
* id: 19,
|
|
57
|
-
* title: "Validation with Customers",
|
|
58
|
-
* orderId: 0,
|
|
59
|
-
* start: new Date("2014-06-02T00:00:00.000Z"),
|
|
60
|
-
* end: new Date("2014-06-04T00:00:00.000Z"),
|
|
61
|
-
* completionRatio: 0.25,
|
|
62
|
-
* isExpanded: true
|
|
63
|
-
* },
|
|
64
|
-
* {
|
|
65
|
-
* id: 20,
|
|
66
|
-
* title: "Market Research",
|
|
67
|
-
* orderId: 1,
|
|
68
|
-
* start: new Date("2014-06-02T00:00:00.000Z"),
|
|
69
|
-
* end: new Date("2014-06-03T02:00:00.000Z"),
|
|
70
|
-
* completionRatio: 0.82,
|
|
71
|
-
* isExpanded: true
|
|
72
|
-
* },
|
|
73
|
-
* {
|
|
74
|
-
* id: 39,
|
|
75
|
-
* title: "Functional and Technical Specification",
|
|
76
|
-
* orderId: 2,
|
|
77
|
-
* start: new Date("2014-06-04T00:00:00.000Z"),
|
|
78
|
-
* end: new Date("2014-06-07T00:00:00.000Z"),
|
|
79
|
-
* completionRatio: 0.66,
|
|
80
|
-
* isExpanded: true
|
|
81
|
-
* }]
|
|
82
|
-
* }]
|
|
83
|
-
* };
|
|
84
|
-
*
|
|
85
|
-
* public positionChange(event: MouseEvent): void {
|
|
86
|
-
* this.position = event.target['defaultValue'];
|
|
87
|
-
* }
|
|
88
|
-
*
|
|
89
|
-
* public onClick(): void {
|
|
90
|
-
* console.log("button was clicked");
|
|
91
|
-
* }
|
|
92
|
-
* }
|
|
93
|
-
*
|
|
15
|
+
* ```html
|
|
16
|
+
* <kendo-gantt [kendoGanttHierarchyBinding]="data" [style.height.px]="400">
|
|
17
|
+
* <ng-template kendoGanttToolbarTemplate [position]="position" let-position="position">
|
|
18
|
+
* <button kendoButton (click)="onClick()">Custom action</button>
|
|
19
|
+
* </ng-template>
|
|
20
|
+
* </kendo-gantt>
|
|
94
21
|
* ```
|
|
95
22
|
*/
|
|
96
23
|
export declare class ToolbarTemplateDirective {
|
|
97
24
|
templateRef: TemplateRef<any>;
|
|
98
25
|
_position: ToolbarPosition;
|
|
99
26
|
/**
|
|
100
|
-
*
|
|
27
|
+
* Sets the Gantt Toolbar that uses this template.
|
|
101
28
|
*
|
|
102
|
-
*
|
|
103
|
-
* - `top`—
|
|
104
|
-
* - `bottom`—
|
|
105
|
-
* - `both`—
|
|
29
|
+
* Possible values:
|
|
30
|
+
* - `top`—Renders the template in the top toolbar (if present) only.
|
|
31
|
+
* - `bottom`—Renders the template in the bottom toolbar (if present) only.
|
|
32
|
+
* - `both`—Renders the template in both toolbars (if present).
|
|
106
33
|
*/
|
|
107
34
|
set position(position: ToolbarPosition);
|
|
108
35
|
get position(): ToolbarPosition;
|
|
@@ -7,22 +7,22 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
|
7
7
|
import { TimelineViewType } from './../models/timeline-view';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
* The Gantt ViewSelector component. Shows the
|
|
10
|
+
* The Gantt ViewSelector component. Shows the current view type and lets you switch to another view type.
|
|
11
11
|
*/
|
|
12
12
|
export declare class ViewSelectorComponent {
|
|
13
13
|
private localizationService;
|
|
14
14
|
hostClass: boolean;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Lists the timeline view types in the current Gantt configuration.
|
|
17
17
|
*/
|
|
18
18
|
views: TimelineViewType[];
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* Sets the current view type.
|
|
21
21
|
* @default 'week'
|
|
22
22
|
*/
|
|
23
23
|
activeView: TimelineViewType;
|
|
24
24
|
/**
|
|
25
|
-
* Fires
|
|
25
|
+
* Fires when the user selects a different view type. The event data contains the type of the new view.
|
|
26
26
|
*/
|
|
27
27
|
activeViewChange: EventEmitter<TimelineViewType>;
|
|
28
28
|
constructor(localizationService: LocalizationService);
|