@progress/kendo-angular-gantt 2.0.1 → 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/esm2015/timeline/timeline-base-view.service.js +3 -7
- package/fesm2015/kendo-angular-gantt.js +17 -21
- 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
|
`]
|
|
@@ -40,12 +40,8 @@ export class TimelineBaseViewService {
|
|
|
40
40
|
}
|
|
41
41
|
const startResult = orderBy(tasks, [{ field: this.mapper.taskFields.start, dir: 'asc' }]);
|
|
42
42
|
const endResult = orderBy(tasks, [{ field: this.mapper.taskFields.end, dir: 'desc' }]);
|
|
43
|
-
const
|
|
44
|
-
const
|
|
45
|
-
const rangeEnd = this.mapper.extractFromTask(endResult[0], 'end') || new Date();
|
|
46
|
-
if (firstDay === rangeEnd.getDay()) {
|
|
47
|
-
rangeEnd.setDate(rangeEnd.getDate() + 7);
|
|
48
|
-
}
|
|
43
|
+
const rangeStart = new Date(this.mapper.extractFromTask(startResult[0], 'start')) || new Date();
|
|
44
|
+
const rangeEnd = new Date(this.mapper.extractFromTask(endResult[0], 'end')) || new Date();
|
|
49
45
|
const start = this.getStartOffset(rangeStart);
|
|
50
46
|
const end = this.getEndOffset(rangeEnd);
|
|
51
47
|
this._viewStart = Number(start);
|
|
@@ -121,7 +117,7 @@ export class TimelineBaseViewService {
|
|
|
121
117
|
const daySlots = this.getDays(startDay, slotEnd);
|
|
122
118
|
const span = daySlots.length;
|
|
123
119
|
const firstDay = this.intlService.formatDate(firstDayInWeek(getDate(startDay), weekStart), DAY_FORMAT);
|
|
124
|
-
const lastDay = this.intlService.formatDate(
|
|
120
|
+
const lastDay = this.intlService.formatDate(slotEnd, DAY_FORMAT);
|
|
125
121
|
if (span > 0) {
|
|
126
122
|
slots.push({
|
|
127
123
|
start: daySlots[0].start,
|
|
@@ -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
|
};
|
|
@@ -710,12 +710,8 @@ class TimelineBaseViewService {
|
|
|
710
710
|
}
|
|
711
711
|
const startResult = orderBy(tasks, [{ field: this.mapper.taskFields.start, dir: 'asc' }]);
|
|
712
712
|
const endResult = orderBy(tasks, [{ field: this.mapper.taskFields.end, dir: 'desc' }]);
|
|
713
|
-
const
|
|
714
|
-
const
|
|
715
|
-
const rangeEnd = this.mapper.extractFromTask(endResult[0], 'end') || new Date();
|
|
716
|
-
if (firstDay === rangeEnd.getDay()) {
|
|
717
|
-
rangeEnd.setDate(rangeEnd.getDate() + 7);
|
|
718
|
-
}
|
|
713
|
+
const rangeStart = new Date(this.mapper.extractFromTask(startResult[0], 'start')) || new Date();
|
|
714
|
+
const rangeEnd = new Date(this.mapper.extractFromTask(endResult[0], 'end')) || new Date();
|
|
719
715
|
const start = this.getStartOffset(rangeStart);
|
|
720
716
|
const end = this.getEndOffset(rangeEnd);
|
|
721
717
|
this._viewStart = Number(start);
|
|
@@ -791,7 +787,7 @@ class TimelineBaseViewService {
|
|
|
791
787
|
const daySlots = this.getDays(startDay, slotEnd);
|
|
792
788
|
const span = daySlots.length;
|
|
793
789
|
const firstDay = this.intlService.formatDate(firstDayInWeek(getDate(startDay), weekStart), DAY_FORMAT);
|
|
794
|
-
const lastDay = this.intlService.formatDate(
|
|
790
|
+
const lastDay = this.intlService.formatDate(slotEnd, DAY_FORMAT);
|
|
795
791
|
if (span > 0) {
|
|
796
792
|
slots.push({
|
|
797
793
|
start: daySlots[0].start,
|
|
@@ -1455,7 +1451,7 @@ GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
1455
1451
|
class="k-task k-task-milestone"
|
|
1456
1452
|
[ngClass]="taskClass(dataItem)"
|
|
1457
1453
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1458
|
-
[class.k-
|
|
1454
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1459
1455
|
[attr.aria-selected]="ariaSelected"
|
|
1460
1456
|
[attr.aria-level]="level + 1"
|
|
1461
1457
|
>
|
|
@@ -1472,7 +1468,7 @@ GanttMilestoneTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
1472
1468
|
>
|
|
1473
1469
|
</div>
|
|
1474
1470
|
</ng-container>
|
|
1475
|
-
`, 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"] }] });
|
|
1476
1472
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttMilestoneTaskComponent, decorators: [{
|
|
1477
1473
|
type: Component,
|
|
1478
1474
|
args: [{
|
|
@@ -1490,7 +1486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1490
1486
|
class="k-task k-task-milestone"
|
|
1491
1487
|
[ngClass]="taskClass(dataItem)"
|
|
1492
1488
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1493
|
-
[class.k-
|
|
1489
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1494
1490
|
[attr.aria-selected]="ariaSelected"
|
|
1495
1491
|
[attr.aria-level]="level + 1"
|
|
1496
1492
|
>
|
|
@@ -1513,7 +1509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1513
1509
|
box-shadow: 0 0 4px 3px grey;
|
|
1514
1510
|
outline: none;
|
|
1515
1511
|
}
|
|
1516
|
-
.k-task.k-focus.k-
|
|
1512
|
+
.k-task.k-focus.k-selected {
|
|
1517
1513
|
box-shadow: 0 0 4px 3px #ffaea8;
|
|
1518
1514
|
}
|
|
1519
1515
|
`]
|
|
@@ -1556,7 +1552,7 @@ GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1556
1552
|
[ngClass]="taskClass(dataItem)"
|
|
1557
1553
|
[style.width.px]="taskWidth"
|
|
1558
1554
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1559
|
-
[class.k-
|
|
1555
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1560
1556
|
[attr.aria-selected]="ariaSelected"
|
|
1561
1557
|
[attr.aria-expanded]="ariaExpanded"
|
|
1562
1558
|
[attr.aria-level]="level + 1"
|
|
@@ -1592,7 +1588,7 @@ GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1592
1588
|
>
|
|
1593
1589
|
</div>
|
|
1594
1590
|
</ng-container>
|
|
1595
|
-
`, 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"] }] });
|
|
1596
1592
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttSummaryTaskComponent, decorators: [{
|
|
1597
1593
|
type: Component,
|
|
1598
1594
|
args: [{
|
|
@@ -1611,7 +1607,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1611
1607
|
[ngClass]="taskClass(dataItem)"
|
|
1612
1608
|
[style.width.px]="taskWidth"
|
|
1613
1609
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1614
|
-
[class.k-
|
|
1610
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1615
1611
|
[attr.aria-selected]="ariaSelected"
|
|
1616
1612
|
[attr.aria-expanded]="ariaExpanded"
|
|
1617
1613
|
[attr.aria-level]="level + 1"
|
|
@@ -1653,7 +1649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1653
1649
|
box-shadow: 0 0 4px 3px grey;
|
|
1654
1650
|
outline: none;
|
|
1655
1651
|
}
|
|
1656
|
-
.k-task.k-focus.k-
|
|
1652
|
+
.k-task.k-focus.k-selected {
|
|
1657
1653
|
box-shadow: 0 0 4px 3px #ffaea8;
|
|
1658
1654
|
}
|
|
1659
1655
|
`]
|
|
@@ -1800,7 +1796,7 @@ GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
1800
1796
|
[ngClass]="taskClass(dataItem)"
|
|
1801
1797
|
[style.width.px]="taskWidth"
|
|
1802
1798
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1803
|
-
[class.k-
|
|
1799
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1804
1800
|
[attr.aria-selected]="ariaSelected"
|
|
1805
1801
|
[attr.aria-level]="level + 1"
|
|
1806
1802
|
>
|
|
@@ -1861,7 +1857,7 @@ GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
1861
1857
|
>
|
|
1862
1858
|
</div>
|
|
1863
1859
|
</ng-container>
|
|
1864
|
-
`, 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"] }] });
|
|
1865
1861
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTaskComponent, decorators: [{
|
|
1866
1862
|
type: Component,
|
|
1867
1863
|
args: [{
|
|
@@ -1880,7 +1876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1880
1876
|
[ngClass]="taskClass(dataItem)"
|
|
1881
1877
|
[style.width.px]="taskWidth"
|
|
1882
1878
|
[attr.title]="mapper.extractFromTask(dataItem, 'title')"
|
|
1883
|
-
[class.k-
|
|
1879
|
+
[class.k-selected]="isSelected(dataItem)"
|
|
1884
1880
|
[attr.aria-selected]="ariaSelected"
|
|
1885
1881
|
[attr.aria-level]="level + 1"
|
|
1886
1882
|
>
|
|
@@ -1947,7 +1943,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1947
1943
|
box-shadow: 0 0 4px 3px grey;
|
|
1948
1944
|
outline: none;
|
|
1949
1945
|
}
|
|
1950
|
-
.k-task.k-focus.k-
|
|
1946
|
+
.k-task.k-focus.k-selected {
|
|
1951
1947
|
box-shadow: 0 0 4px 3px #ffaea8;
|
|
1952
1948
|
}
|
|
1953
1949
|
`]
|
|
@@ -7081,7 +7077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
7081
7077
|
* When added to the .k-task-dot, the element will be kept with hover styles.
|
|
7082
7078
|
* Used for the drag clue from which the dragging has started.
|
|
7083
7079
|
*/
|
|
7084
|
-
const DRAG_CLUE_HOVER_CLASS = 'k-
|
|
7080
|
+
const DRAG_CLUE_HOVER_CLASS = 'k-hover';
|
|
7085
7081
|
/**
|
|
7086
7082
|
* Add the selection disabling class to the enitre container.
|
|
7087
7083
|
* Otherwise existing selection on a given task text prevents dragging the clue even if the clue has `user-select: none` styles.
|