@progress/kendo-angular-gantt 2.0.2 → 2.0.3-dev.202207281311
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/bundles/kendo-angular-gantt.umd.js +1 -1
- package/esm2015/dragging/dependency-drag-create.directive.js +1 -1
- package/esm2015/package-metadata.js +1 -1
- package/esm2015/rendering/gantt-milestone-task.component.js +4 -4
- package/esm2015/rendering/gantt-summary-task.component.js +4 -4
- package/esm2015/rendering/gantt-task.component.js +4 -4
- package/fesm2015/kendo-angular-gantt.js +14 -14
- package/package.json +1 -1
|
@@ -17,7 +17,7 @@ import * as i4 from "../scrolling/timeline-scroll.service";
|
|
|
17
17
|
* When added to the .k-task-dot, the element will be kept with hover styles.
|
|
18
18
|
* Used for the drag clue from which the dragging has started.
|
|
19
19
|
*/
|
|
20
|
-
const DRAG_CLUE_HOVER_CLASS = 'k-
|
|
20
|
+
const DRAG_CLUE_HOVER_CLASS = 'k-hover';
|
|
21
21
|
/**
|
|
22
22
|
* Add the selection disabling class to the enitre container.
|
|
23
23
|
* Otherwise existing selection on a given task text prevents dragging the clue even if the clue has `user-select: none` styles.
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-gantt',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1659013818,
|
|
13
13
|
version: '',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
15
|
};
|
|
@@ -35,7 +35,7 @@ GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
35
35
|
class="k-task k-task-milestone"
|
|
36
36
|
[ngClass]="taskClass(dataItem)"
|
|
37
37
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
38
|
-
[class.k-
|
|
38
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
39
39
|
[attr.aria-selected]="ariaSelected"
|
|
40
40
|
[attr.aria-level]="level + 1"
|
|
41
41
|
>
|
|
@@ -52,7 +52,7 @@ GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
52
52
|
>
|
|
53
53
|
</div>
|
|
54
54
|
</ng-container>
|
|
55
|
-
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-
|
|
55
|
+
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-selected {\n box-shadow: 0 0 4px 3px #ffaea8;\n }\n "], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttMilestoneTaskComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
58
|
args: [{
|
|
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
70
70
|
class="k-task k-task-milestone"
|
|
71
71
|
[ngClass]="taskClass(dataItem)"
|
|
72
72
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
73
|
-
[class.k-
|
|
73
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
74
74
|
[attr.aria-selected]="ariaSelected"
|
|
75
75
|
[attr.aria-level]="level + 1"
|
|
76
76
|
>
|
|
@@ -93,7 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
93
93
|
box-shadow: 0 0 4px 3px grey;
|
|
94
94
|
outline: none;
|
|
95
95
|
}
|
|
96
|
-
.k-task.k-focus.k-
|
|
96
|
+
.k-task.k-focus.k-selected {
|
|
97
97
|
box-shadow: 0 0 4px 3px #ffaea8;
|
|
98
98
|
}
|
|
99
99
|
`]
|
|
@@ -43,7 +43,7 @@ GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
43
43
|
[ngClass]="taskClass(dataItem)"
|
|
44
44
|
[style.width.px]="taskWidth"
|
|
45
45
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
46
|
-
[class.k-
|
|
46
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
47
47
|
[attr.aria-selected]="ariaSelected"
|
|
48
48
|
[attr.aria-expanded]="ariaExpanded"
|
|
49
49
|
[attr.aria-level]="level + 1"
|
|
@@ -79,7 +79,7 @@ GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
79
79
|
>
|
|
80
80
|
</div>
|
|
81
81
|
</ng-container>
|
|
82
|
-
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-
|
|
82
|
+
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-selected {\n box-shadow: 0 0 4px 3px #ffaea8;\n }\n "], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
83
83
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttSummaryTaskComponent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
85
|
args: [{
|
|
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
98
98
|
[ngClass]="taskClass(dataItem)"
|
|
99
99
|
[style.width.px]="taskWidth"
|
|
100
100
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
101
|
-
[class.k-
|
|
101
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
102
102
|
[attr.aria-selected]="ariaSelected"
|
|
103
103
|
[attr.aria-expanded]="ariaExpanded"
|
|
104
104
|
[attr.aria-level]="level + 1"
|
|
@@ -140,7 +140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
140
140
|
box-shadow: 0 0 4px 3px grey;
|
|
141
141
|
outline: none;
|
|
142
142
|
}
|
|
143
|
-
.k-task.k-focus.k-
|
|
143
|
+
.k-task.k-focus.k-selected {
|
|
144
144
|
box-shadow: 0 0 4px 3px #ffaea8;
|
|
145
145
|
}
|
|
146
146
|
`]
|
|
@@ -42,7 +42,7 @@ GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
42
42
|
[ngClass]="taskClass(dataItem)"
|
|
43
43
|
[style.width.px]="taskWidth"
|
|
44
44
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
45
|
-
[class.k-
|
|
45
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
46
46
|
[attr.aria-selected]="ariaSelected"
|
|
47
47
|
[attr.aria-level]="level + 1"
|
|
48
48
|
>
|
|
@@ -103,7 +103,7 @@ GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
103
103
|
>
|
|
104
104
|
</div>
|
|
105
105
|
</ng-container>
|
|
106
|
-
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-
|
|
106
|
+
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-selected {\n box-shadow: 0 0 4px 3px #ffaea8;\n }\n "], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
107
107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTaskComponent, decorators: [{
|
|
108
108
|
type: Component,
|
|
109
109
|
args: [{
|
|
@@ -122,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
122
122
|
[ngClass]="taskClass(dataItem)"
|
|
123
123
|
[style.width.px]="taskWidth"
|
|
124
124
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
125
|
-
[class.k-
|
|
125
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
126
126
|
[attr.aria-selected]="ariaSelected"
|
|
127
127
|
[attr.aria-level]="level + 1"
|
|
128
128
|
>
|
|
@@ -189,7 +189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
189
189
|
box-shadow: 0 0 4px 3px grey;
|
|
190
190
|
outline: none;
|
|
191
191
|
}
|
|
192
|
-
.k-task.k-focus.k-
|
|
192
|
+
.k-task.k-focus.k-selected {
|
|
193
193
|
box-shadow: 0 0 4px 3px #ffaea8;
|
|
194
194
|
}
|
|
195
195
|
`]
|
|
@@ -47,7 +47,7 @@ const packageMetadata = {
|
|
|
47
47
|
name: '@progress/kendo-angular-gantt',
|
|
48
48
|
productName: 'Kendo UI for Angular',
|
|
49
49
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
50
|
-
publishDate:
|
|
50
|
+
publishDate: 1659013818,
|
|
51
51
|
version: '',
|
|
52
52
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
53
53
|
};
|
|
@@ -1451,7 +1451,7 @@ GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
1451
1451
|
class="k-task k-task-milestone"
|
|
1452
1452
|
[ngClass]="taskClass(dataItem)"
|
|
1453
1453
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1454
|
-
[class.k-
|
|
1454
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1455
1455
|
[attr.aria-selected]="ariaSelected"
|
|
1456
1456
|
[attr.aria-level]="level + 1"
|
|
1457
1457
|
>
|
|
@@ -1468,7 +1468,7 @@ GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
1468
1468
|
>
|
|
1469
1469
|
</div>
|
|
1470
1470
|
</ng-container>
|
|
1471
|
-
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-
|
|
1471
|
+
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-selected {\n box-shadow: 0 0 4px 3px #ffaea8;\n }\n "], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1472
1472
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttMilestoneTaskComponent, decorators: [{
|
|
1473
1473
|
type: Component,
|
|
1474
1474
|
args: [{
|
|
@@ -1486,7 +1486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1486
1486
|
class="k-task k-task-milestone"
|
|
1487
1487
|
[ngClass]="taskClass(dataItem)"
|
|
1488
1488
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1489
|
-
[class.k-
|
|
1489
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1490
1490
|
[attr.aria-selected]="ariaSelected"
|
|
1491
1491
|
[attr.aria-level]="level + 1"
|
|
1492
1492
|
>
|
|
@@ -1509,7 +1509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1509
1509
|
box-shadow: 0 0 4px 3px grey;
|
|
1510
1510
|
outline: none;
|
|
1511
1511
|
}
|
|
1512
|
-
.k-task.k-focus.k-
|
|
1512
|
+
.k-task.k-focus.k-selected {
|
|
1513
1513
|
box-shadow: 0 0 4px 3px #ffaea8;
|
|
1514
1514
|
}
|
|
1515
1515
|
`]
|
|
@@ -1552,7 +1552,7 @@ GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1552
1552
|
[ngClass]="taskClass(dataItem)"
|
|
1553
1553
|
[style.width.px]="taskWidth"
|
|
1554
1554
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1555
|
-
[class.k-
|
|
1555
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1556
1556
|
[attr.aria-selected]="ariaSelected"
|
|
1557
1557
|
[attr.aria-expanded]="ariaExpanded"
|
|
1558
1558
|
[attr.aria-level]="level + 1"
|
|
@@ -1588,7 +1588,7 @@ GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1588
1588
|
>
|
|
1589
1589
|
</div>
|
|
1590
1590
|
</ng-container>
|
|
1591
|
-
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-
|
|
1591
|
+
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-selected {\n box-shadow: 0 0 4px 3px #ffaea8;\n }\n "], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
1592
1592
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttSummaryTaskComponent, decorators: [{
|
|
1593
1593
|
type: Component,
|
|
1594
1594
|
args: [{
|
|
@@ -1607,7 +1607,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1607
1607
|
[ngClass]="taskClass(dataItem)"
|
|
1608
1608
|
[style.width.px]="taskWidth"
|
|
1609
1609
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1610
|
-
[class.k-
|
|
1610
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1611
1611
|
[attr.aria-selected]="ariaSelected"
|
|
1612
1612
|
[attr.aria-expanded]="ariaExpanded"
|
|
1613
1613
|
[attr.aria-level]="level + 1"
|
|
@@ -1649,7 +1649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1649
1649
|
box-shadow: 0 0 4px 3px grey;
|
|
1650
1650
|
outline: none;
|
|
1651
1651
|
}
|
|
1652
|
-
.k-task.k-focus.k-
|
|
1652
|
+
.k-task.k-focus.k-selected {
|
|
1653
1653
|
box-shadow: 0 0 4px 3px #ffaea8;
|
|
1654
1654
|
}
|
|
1655
1655
|
`]
|
|
@@ -1796,7 +1796,7 @@ GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
1796
1796
|
[ngClass]="taskClass(dataItem)"
|
|
1797
1797
|
[style.width.px]="taskWidth"
|
|
1798
1798
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1799
|
-
[class.k-
|
|
1799
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1800
1800
|
[attr.aria-selected]="ariaSelected"
|
|
1801
1801
|
[attr.aria-level]="level + 1"
|
|
1802
1802
|
>
|
|
@@ -1857,7 +1857,7 @@ GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
1857
1857
|
>
|
|
1858
1858
|
</div>
|
|
1859
1859
|
</ng-container>
|
|
1860
|
-
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-
|
|
1860
|
+
`, isInline: true, styles: ["\n .k-task.k-focus {\n box-shadow: 0 0 4px 3px grey;\n outline: none;\n }\n .k-task.k-focus.k-selected {\n box-shadow: 0 0 4px 3px #ffaea8;\n }\n "], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
1861
1861
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTaskComponent, decorators: [{
|
|
1862
1862
|
type: Component,
|
|
1863
1863
|
args: [{
|
|
@@ -1876,7 +1876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1876
1876
|
[ngClass]="taskClass(dataItem)"
|
|
1877
1877
|
[style.width.px]="taskWidth"
|
|
1878
1878
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1879
|
-
[class.k-
|
|
1879
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1880
1880
|
[attr.aria-selected]="ariaSelected"
|
|
1881
1881
|
[attr.aria-level]="level + 1"
|
|
1882
1882
|
>
|
|
@@ -1943,7 +1943,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1943
1943
|
box-shadow: 0 0 4px 3px grey;
|
|
1944
1944
|
outline: none;
|
|
1945
1945
|
}
|
|
1946
|
-
.k-task.k-focus.k-
|
|
1946
|
+
.k-task.k-focus.k-selected {
|
|
1947
1947
|
box-shadow: 0 0 4px 3px #ffaea8;
|
|
1948
1948
|
}
|
|
1949
1949
|
`]
|
|
@@ -7077,7 +7077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
7077
7077
|
* When added to the .k-task-dot, the element will be kept with hover styles.
|
|
7078
7078
|
* Used for the drag clue from which the dragging has started.
|
|
7079
7079
|
*/
|
|
7080
|
-
const DRAG_CLUE_HOVER_CLASS = 'k-
|
|
7080
|
+
const DRAG_CLUE_HOVER_CLASS = 'k-hover';
|
|
7081
7081
|
/**
|
|
7082
7082
|
* Add the selection disabling class to the enitre container.
|
|
7083
7083
|
* Otherwise existing selection on a given task text prevents dragging the clue even if the clue has `user-select: none` styles.
|