@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.
@@ -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-state-hover';
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: 1655890656,
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-state-selected]="isSelected(dataItem)"
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-state-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"] }] });
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-state-selected]="isSelected(dataItem)"
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-state-selected {
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-state-selected]="isSelected(dataItem)"
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-state-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"] }] });
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-state-selected]="isSelected(dataItem)"
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-state-selected {
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-state-selected]="isSelected(dataItem)"
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-state-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"] }] });
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-state-selected]="isSelected(dataItem)"
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-state-selected {
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 firstDay = this.intlService.firstDay();
44
- const rangeStart = this.mapper.extractFromTask(startResult[0], 'start') || new Date();
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(addDays(slotEnd, -1), DAY_FORMAT);
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: 1655890656,
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 firstDay = this.intlService.firstDay();
714
- const rangeStart = this.mapper.extractFromTask(startResult[0], 'start') || new Date();
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(addDays(slotEnd, -1), DAY_FORMAT);
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-state-selected]="isSelected(dataItem)"
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-state-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"] }] });
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-state-selected]="isSelected(dataItem)"
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-state-selected {
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-state-selected]="isSelected(dataItem)"
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-state-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"] }] });
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-state-selected]="isSelected(dataItem)"
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-state-selected {
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-state-selected]="isSelected(dataItem)"
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-state-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"] }] });
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-state-selected]="isSelected(dataItem)"
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-state-selected {
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-state-hover';
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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-gantt",
3
- "version": "2.0.1",
3
+ "version": "2.0.3-dev.202207281311",
4
4
  "description": "Kendo UI Angular Gantt",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",