@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.
Files changed (102) hide show
  1. package/binding-directives/flat-binding.directive.d.ts +16 -4
  2. package/binding-directives/hierarchy-binding.directive.d.ts +16 -3
  3. package/columns/cell-template.directive.d.ts +20 -12
  4. package/columns/column-base.component.d.ts +2 -1
  5. package/columns/column-group.component.d.ts +14 -0
  6. package/columns/column-menu-template.directive.d.ts +14 -7
  7. package/columns/column.component.d.ts +12 -2
  8. package/columns/edit-template.directive.d.ts +15 -6
  9. package/columns/filter-menu-template.directive.d.ts +14 -4
  10. package/columns/footer-template.directive.d.ts +14 -5
  11. package/columns/header-template.directive.d.ts +15 -5
  12. package/columns/span-column.component.d.ts +16 -0
  13. package/directives.d.ts +1 -1
  14. package/dragging/dependency-drag-create.directive.d.ts +9 -2
  15. package/dragging/task-drag.directive.d.ts +17 -4
  16. package/editing/add-task.component.d.ts +7 -7
  17. package/esm2022/binding-directives/flat-binding.directive.mjs +16 -4
  18. package/esm2022/binding-directives/hierarchy-binding.directive.mjs +16 -3
  19. package/esm2022/columns/cell-template.directive.mjs +20 -12
  20. package/esm2022/columns/column-base.component.mjs +2 -1
  21. package/esm2022/columns/column-group.component.mjs +14 -0
  22. package/esm2022/columns/column-menu-template.directive.mjs +14 -7
  23. package/esm2022/columns/column.component.mjs +12 -2
  24. package/esm2022/columns/edit-template.directive.mjs +15 -6
  25. package/esm2022/columns/filter-menu-template.directive.mjs +14 -4
  26. package/esm2022/columns/footer-template.directive.mjs +14 -5
  27. package/esm2022/columns/header-template.directive.mjs +15 -5
  28. package/esm2022/columns/span-column.component.mjs +16 -0
  29. package/esm2022/directives.mjs +1 -1
  30. package/esm2022/dragging/dependency-drag-create.directive.mjs +9 -18
  31. package/esm2022/dragging/task-drag.directive.mjs +17 -4
  32. package/esm2022/editing/add-task.component.mjs +7 -7
  33. package/esm2022/expanded-state/expand-event.mjs +3 -2
  34. package/esm2022/expanded-state/expandable.directive.mjs +11 -5
  35. package/esm2022/gantt.component.mjs +163 -211
  36. package/esm2022/gantt.module.mjs +9 -20
  37. package/esm2022/localization/custom-messages.component.mjs +10 -2
  38. package/esm2022/models/dependency-type.enum.mjs +14 -2
  39. package/esm2022/models/events/cell-close-event.interface.mjs +9 -10
  40. package/esm2022/package-metadata.mjs +2 -2
  41. package/esm2022/selection/selectable.directive.mjs +13 -5
  42. package/esm2022/template-directives/summary-task-template.directive.mjs +14 -23
  43. package/esm2022/template-directives/task-content-template.directive.mjs +3 -4
  44. package/esm2022/template-directives/task-template.directive.mjs +12 -21
  45. package/esm2022/template-directives/task-tooltip-template.directive.mjs +3 -4
  46. package/esm2022/timeline/timeline-day-view.component.mjs +7 -2
  47. package/esm2022/timeline/timeline-month-view.component.mjs +7 -2
  48. package/esm2022/timeline/timeline-week-view.component.mjs +7 -2
  49. package/esm2022/timeline/timeline-year-view.component.mjs +7 -2
  50. package/esm2022/timeline/view-base.mjs +10 -4
  51. package/esm2022/toolbar/toolbar-template.directive.mjs +13 -86
  52. package/esm2022/toolbar/view-selector.component.mjs +4 -4
  53. package/expanded-state/expand-event.d.ts +3 -2
  54. package/expanded-state/expandable.directive.d.ts +11 -5
  55. package/fesm2022/progress-kendo-angular-gantt.mjs +520 -490
  56. package/gantt.component.d.ts +159 -207
  57. package/gantt.module.d.ts +9 -20
  58. package/localization/custom-messages.component.d.ts +10 -2
  59. package/models/cell-content-type.interface.d.ts +4 -3
  60. package/models/class-callbacks.d.ts +20 -20
  61. package/models/column-menu-settings.interface.d.ts +7 -8
  62. package/models/column-reorder-config.d.ts +4 -1
  63. package/models/current-time-settings.interface.d.ts +8 -5
  64. package/models/dependency-type.enum.d.ts +13 -1
  65. package/models/events/cell-click-event.interface.d.ts +9 -9
  66. package/models/events/cell-close-event.interface.d.ts +9 -10
  67. package/models/events/column-reorder-event.interface.d.ts +1 -1
  68. package/models/events/column-resize-event.interface.d.ts +1 -1
  69. package/models/events/column-visibility-change-event.interface.d.ts +2 -2
  70. package/models/events/data-state-change-event.interface.d.ts +1 -1
  71. package/models/events/dependency-add-event.interface.d.ts +5 -5
  72. package/models/events/task-add-event.interface.d.ts +6 -6
  73. package/models/events/task-click-event.interface.d.ts +6 -6
  74. package/models/events/task-delete-event.interface.d.ts +4 -5
  75. package/models/events/task-drag-event.interface.d.ts +13 -15
  76. package/models/events/task-edit-event.interface.d.ts +13 -15
  77. package/models/gantt-dependency-model-fields.interface.d.ts +11 -10
  78. package/models/gantt-dependency.interface.d.ts +8 -5
  79. package/models/gantt-task-model-fields.interface.d.ts +22 -13
  80. package/models/gantt-task.interface.d.ts +11 -10
  81. package/models/sort-settings.d.ts +6 -6
  82. package/models/splitter-pane-options.interface.d.ts +8 -8
  83. package/models/timeline-header-date-format.d.ts +4 -3
  84. package/models/timeline-view.d.ts +1 -1
  85. package/models/toolbar-settings.d.ts +5 -6
  86. package/models/tooltip-options.interface.d.ts +4 -4
  87. package/package.json +17 -17
  88. package/schematics/ngAdd/index.js +7 -7
  89. package/scrolling/drag-scroll-settings.d.ts +4 -4
  90. package/selection/selectable.directive.d.ts +13 -5
  91. package/selection/selection-change-event.d.ts +6 -7
  92. package/template-directives/summary-task-template.directive.d.ts +14 -23
  93. package/template-directives/task-content-template.directive.d.ts +3 -4
  94. package/template-directives/task-template.directive.d.ts +12 -21
  95. package/template-directives/task-tooltip-template.directive.d.ts +3 -4
  96. package/timeline/timeline-day-view.component.d.ts +7 -2
  97. package/timeline/timeline-month-view.component.d.ts +7 -2
  98. package/timeline/timeline-week-view.component.d.ts +7 -2
  99. package/timeline/timeline-year-view.component.d.ts +7 -2
  100. package/timeline/view-base.d.ts +11 -5
  101. package/toolbar/toolbar-template.directive.d.ts +13 -86
  102. 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
- * Represents a template that defines the whole content of the Task tooltip.
9
- * To define the template, nest an `<ng-template>` tag
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 is set to the respective data item.
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
- * The Gantt timeline day view component.
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
- * The type for this view (`day`).
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
- * The Gantt timeline month view component.
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
- * The type for this view (`month`).
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
- * The Gantt timeline week view component.
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
- * The type for this view (`week`).
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
- * The Gantt timeline year view component.
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
- * The type for this view (`year`).
20
+ * Specifies the type for this view (`year`).
16
21
  */
17
22
  readonly type: TimelineViewType;
18
23
  constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
@@ -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
- * The base class for the timeline view components of the Gantt.
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
- * The width of the time slot headers. Values are treated as pixels.
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 value is taken from the Gantt component
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
- * The type for the view (`day`, `week`, `month` or `year`).
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 has the following field:
12
- * - `position`&mdash;The position at which the toolbar template is rendered. The possible values are `'top'` and `'bottom'`.
11
+ * The template context includes:
12
+ * - `position`&mdash;The position where the toolbar template renders. Possible values are `'top'` and `'bottom'`.
13
13
  *
14
14
  * @example
15
- * ```ts-preview
16
- *
17
- * _@Component({
18
- * selector: 'my-app',
19
- * template: `
20
- * <div class="example-config">
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
- * Defines the Gantt Toolbar that will use this template.
27
+ * Sets the Gantt Toolbar that uses this template.
101
28
  *
102
- * The possible values are:
103
- * - `top`&mdash;The template will be rendered in the top toolbar (if present) only.
104
- * - `bottom`&mdash;The template will be rendered in the bottom toolbar (if present) only.
105
- * - `both`&mdash;The template will be rendered in both toolbars (if present).
29
+ * Possible values:
30
+ * - `top`&mdash;Renders the template in the top toolbar (if present) only.
31
+ * - `bottom`&mdash;Renders the template in the bottom toolbar (if present) only.
32
+ * - `both`&mdash;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 currently active view type, and allows switching to another view type.
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
- * The collection of the timeline view types in the current Gantt configuration.
16
+ * Lists the timeline view types in the current Gantt configuration.
17
17
  */
18
18
  views: TimelineViewType[];
19
19
  /**
20
- * The currently active view type.
20
+ * Sets the current view type.
21
21
  * @default 'week'
22
22
  */
23
23
  activeView: TimelineViewType;
24
24
  /**
25
- * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
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);