@progress/kendo-angular-scheduler 2.1.6-dev.202110211604 → 2.2.0-dev.202111260859
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/dist/cdn/js/kendo-angular-scheduler.js +1 -1
- package/dist/cdn/main.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/toolbar/navigation.component.js +1 -1
- package/dist/es/toolbar/view-selector.component.js +1 -1
- package/dist/es/views/common/view-footer.component.js +1 -1
- package/dist/es/views/month/month-view-renderer.component.js +4 -1
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/toolbar/navigation.component.js +2 -5
- package/dist/es2015/toolbar/view-selector.component.js +3 -3
- package/dist/es2015/views/common/view-footer.component.js +1 -1
- package/dist/es2015/views/month/month-view-renderer.component.d.ts +1 -0
- package/dist/es2015/views/month/month-view-renderer.component.js +6 -2
- package/dist/fesm2015/index.js +13 -12
- package/dist/fesm5/index.js +8 -5
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/toolbar/navigation.component.js +1 -1
- package/dist/npm/toolbar/view-selector.component.js +1 -1
- package/dist/npm/views/common/view-footer.component.js +1 -1
- package/dist/npm/views/month/month-view-renderer.component.js +4 -1
- package/dist/systemjs/kendo-angular-scheduler.js +1 -1
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-scheduler',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1637916885,
|
|
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
|
};
|
|
@@ -190,11 +190,10 @@ ToolbarNavigationComponent = tslib_1.__decorate([
|
|
|
190
190
|
PopupService
|
|
191
191
|
],
|
|
192
192
|
template: `
|
|
193
|
-
<
|
|
193
|
+
<span class="k-scheduler-navigation k-button-group">
|
|
194
194
|
<button kendoButton
|
|
195
195
|
(click)="todayClick()"
|
|
196
196
|
class="k-nav-today"
|
|
197
|
-
tabindex="-1"
|
|
198
197
|
[attr.title]="todayText"
|
|
199
198
|
>
|
|
200
199
|
<span class="k-button-text">{{todayText}}</span>
|
|
@@ -202,7 +201,6 @@ ToolbarNavigationComponent = tslib_1.__decorate([
|
|
|
202
201
|
<button kendoButton
|
|
203
202
|
(click)="prevClick()"
|
|
204
203
|
class="k-nav-prev"
|
|
205
|
-
tabindex="-1"
|
|
206
204
|
icon="arrow-60-left"
|
|
207
205
|
[attr.title]="previousText"
|
|
208
206
|
[attr.aria-label]="previousText"
|
|
@@ -212,13 +210,12 @@ ToolbarNavigationComponent = tslib_1.__decorate([
|
|
|
212
210
|
(click)="nextClick()"
|
|
213
211
|
type="button"
|
|
214
212
|
class="k-nav-next"
|
|
215
|
-
tabindex="-1"
|
|
216
213
|
icon="arrow-60-right"
|
|
217
214
|
[attr.title]="nextText"
|
|
218
215
|
[attr.aria-label]="nextText"
|
|
219
216
|
>
|
|
220
217
|
</button>
|
|
221
|
-
</
|
|
218
|
+
</span>
|
|
222
219
|
|
|
223
220
|
<a #anchor
|
|
224
221
|
(click)="toggleSelectedDate(anchor, template)"
|
|
@@ -77,8 +77,7 @@ ToolbarViewSelectorComponent = tslib_1.__decorate([
|
|
|
77
77
|
template: `
|
|
78
78
|
<select *ngIf="ctx.views?.length > 1"
|
|
79
79
|
(change)="onChange($event)"
|
|
80
|
-
class="k-views-dropdown k-dropdown"
|
|
81
|
-
tabindex="-1">
|
|
80
|
+
class="k-views-dropdown k-dropdown">
|
|
82
81
|
<option *ngFor="let view of ctx.views"
|
|
83
82
|
[selected]="isSelected(view) == true"
|
|
84
83
|
[value]="view.name"
|
|
@@ -88,9 +87,10 @@ ToolbarViewSelectorComponent = tslib_1.__decorate([
|
|
|
88
87
|
</select>
|
|
89
88
|
<span class="k-scheduler-views k-button-group">
|
|
90
89
|
<button kendoButton
|
|
90
|
+
type="button"
|
|
91
91
|
*ngFor="let view of ctx.views"
|
|
92
92
|
[selected]="isSelected(view)"
|
|
93
|
-
|
|
93
|
+
[attr.aria-pressed]="isSelected(view)"
|
|
94
94
|
(click)="select(view)"
|
|
95
95
|
>
|
|
96
96
|
<span class="k-button-text">
|
|
@@ -47,7 +47,7 @@ ViewFooterComponent = tslib_1.__decorate([
|
|
|
47
47
|
// tslint:disable-next-line:component-selector
|
|
48
48
|
selector: '[viewFooter]',
|
|
49
49
|
template: `
|
|
50
|
-
<button type="button"
|
|
50
|
+
<button type="button" class="k-button" *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
|
|
51
51
|
<span class="k-button-icon k-icon" [ngClass]="item.iconClass"></span>
|
|
52
52
|
<span class="k-button-text">{{ item.text }}</span>
|
|
53
53
|
</button>
|
|
@@ -26,6 +26,7 @@ export declare class MonthViewRendererComponent extends BaseView implements OnCh
|
|
|
26
26
|
verticalRowspan(resourceIndex: number): any;
|
|
27
27
|
verticalItem(leafIndex: number, resourceIndex: number): any;
|
|
28
28
|
daySlotClass(day: any, resourceIndex: any): string;
|
|
29
|
+
cellTitle(value: Date): string;
|
|
29
30
|
protected optionsChange(changes: any): void;
|
|
30
31
|
protected createTasks(items: ViewItem[], dateRange: DateRange): any[];
|
|
31
32
|
protected onTasksChange(): void;
|
|
@@ -71,6 +71,9 @@ let MonthViewRendererComponent = class MonthViewRendererComponent extends BaseVi
|
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
+
cellTitle(value) {
|
|
75
|
+
return this.intl.formatDate(value, 'D');
|
|
76
|
+
}
|
|
74
77
|
optionsChange(changes) {
|
|
75
78
|
this.schedulerMonthDaySlotTemplate = changes.monthDaySlotTemplate;
|
|
76
79
|
super.optionsChange(changes);
|
|
@@ -244,8 +247,9 @@ MonthViewRendererComponent = tslib_1.__decorate([
|
|
|
244
247
|
[ngClass]="daySlotClass(day, verticalResources.length ? verticalIndex : horizontalIndex)"
|
|
245
248
|
[start]="day"
|
|
246
249
|
[id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
|
|
247
|
-
|
|
248
|
-
|
|
250
|
+
[title]="cellTitle(day)"
|
|
251
|
+
>
|
|
252
|
+
<span aria-hidden="true" class="k-link k-nav-day" *ngIf="!monthDaySlotTemplateRef" >{{ day | kendoDate: 'dd' }}</span>
|
|
249
253
|
<ng-container *ngIf="monthDaySlotTemplateRef" [ngTemplateOutlet]="monthDaySlotTemplateRef"
|
|
250
254
|
[ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex) }"></ng-container>
|
|
251
255
|
</td>
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -32,7 +32,7 @@ const packageMetadata = {
|
|
|
32
32
|
name: '@progress/kendo-angular-scheduler',
|
|
33
33
|
productName: 'Kendo UI for Angular',
|
|
34
34
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
35
|
-
publishDate:
|
|
35
|
+
publishDate: 1637916885,
|
|
36
36
|
version: '',
|
|
37
37
|
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'
|
|
38
38
|
};
|
|
@@ -4026,11 +4026,10 @@ ToolbarNavigationComponent = __decorate([
|
|
|
4026
4026
|
PopupService
|
|
4027
4027
|
],
|
|
4028
4028
|
template: `
|
|
4029
|
-
<
|
|
4029
|
+
<span class="k-scheduler-navigation k-button-group">
|
|
4030
4030
|
<button kendoButton
|
|
4031
4031
|
(click)="todayClick()"
|
|
4032
4032
|
class="k-nav-today"
|
|
4033
|
-
tabindex="-1"
|
|
4034
4033
|
[attr.title]="todayText"
|
|
4035
4034
|
>
|
|
4036
4035
|
<span class="k-button-text">{{todayText}}</span>
|
|
@@ -4038,7 +4037,6 @@ ToolbarNavigationComponent = __decorate([
|
|
|
4038
4037
|
<button kendoButton
|
|
4039
4038
|
(click)="prevClick()"
|
|
4040
4039
|
class="k-nav-prev"
|
|
4041
|
-
tabindex="-1"
|
|
4042
4040
|
icon="arrow-60-left"
|
|
4043
4041
|
[attr.title]="previousText"
|
|
4044
4042
|
[attr.aria-label]="previousText"
|
|
@@ -4048,13 +4046,12 @@ ToolbarNavigationComponent = __decorate([
|
|
|
4048
4046
|
(click)="nextClick()"
|
|
4049
4047
|
type="button"
|
|
4050
4048
|
class="k-nav-next"
|
|
4051
|
-
tabindex="-1"
|
|
4052
4049
|
icon="arrow-60-right"
|
|
4053
4050
|
[attr.title]="nextText"
|
|
4054
4051
|
[attr.aria-label]="nextText"
|
|
4055
4052
|
>
|
|
4056
4053
|
</button>
|
|
4057
|
-
</
|
|
4054
|
+
</span>
|
|
4058
4055
|
|
|
4059
4056
|
<a #anchor
|
|
4060
4057
|
(click)="toggleSelectedDate(anchor, template)"
|
|
@@ -4248,8 +4245,7 @@ ToolbarViewSelectorComponent = __decorate([
|
|
|
4248
4245
|
template: `
|
|
4249
4246
|
<select *ngIf="ctx.views?.length > 1"
|
|
4250
4247
|
(change)="onChange($event)"
|
|
4251
|
-
class="k-views-dropdown k-dropdown"
|
|
4252
|
-
tabindex="-1">
|
|
4248
|
+
class="k-views-dropdown k-dropdown">
|
|
4253
4249
|
<option *ngFor="let view of ctx.views"
|
|
4254
4250
|
[selected]="isSelected(view) == true"
|
|
4255
4251
|
[value]="view.name"
|
|
@@ -4259,9 +4255,10 @@ ToolbarViewSelectorComponent = __decorate([
|
|
|
4259
4255
|
</select>
|
|
4260
4256
|
<span class="k-scheduler-views k-button-group">
|
|
4261
4257
|
<button kendoButton
|
|
4258
|
+
type="button"
|
|
4262
4259
|
*ngFor="let view of ctx.views"
|
|
4263
4260
|
[selected]="isSelected(view)"
|
|
4264
|
-
|
|
4261
|
+
[attr.aria-pressed]="isSelected(view)"
|
|
4265
4262
|
(click)="select(view)"
|
|
4266
4263
|
>
|
|
4267
4264
|
<span class="k-button-text">
|
|
@@ -7168,6 +7165,9 @@ let MonthViewRendererComponent = class MonthViewRendererComponent extends BaseVi
|
|
|
7168
7165
|
});
|
|
7169
7166
|
}
|
|
7170
7167
|
}
|
|
7168
|
+
cellTitle(value) {
|
|
7169
|
+
return this.intl.formatDate(value, 'D');
|
|
7170
|
+
}
|
|
7171
7171
|
optionsChange(changes) {
|
|
7172
7172
|
this.schedulerMonthDaySlotTemplate = changes.monthDaySlotTemplate;
|
|
7173
7173
|
super.optionsChange(changes);
|
|
@@ -7341,8 +7341,9 @@ MonthViewRendererComponent = __decorate([
|
|
|
7341
7341
|
[ngClass]="daySlotClass(day, verticalResources.length ? verticalIndex : horizontalIndex)"
|
|
7342
7342
|
[start]="day"
|
|
7343
7343
|
[id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
|
|
7344
|
-
|
|
7345
|
-
|
|
7344
|
+
[title]="cellTitle(day)"
|
|
7345
|
+
>
|
|
7346
|
+
<span aria-hidden="true" class="k-link k-nav-day" *ngIf="!monthDaySlotTemplateRef" >{{ day | kendoDate: 'dd' }}</span>
|
|
7346
7347
|
<ng-container *ngIf="monthDaySlotTemplateRef" [ngTemplateOutlet]="monthDaySlotTemplateRef"
|
|
7347
7348
|
[ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex) }"></ng-container>
|
|
7348
7349
|
</td>
|
|
@@ -7590,7 +7591,7 @@ ViewFooterComponent = __decorate([
|
|
|
7590
7591
|
// tslint:disable-next-line:component-selector
|
|
7591
7592
|
selector: '[viewFooter]',
|
|
7592
7593
|
template: `
|
|
7593
|
-
<button type="button"
|
|
7594
|
+
<button type="button" class="k-button" *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
|
|
7594
7595
|
<span class="k-button-icon k-icon" [ngClass]="item.iconClass"></span>
|
|
7595
7596
|
<span class="k-button-text">{{ item.text }}</span>
|
|
7596
7597
|
</button>
|
package/dist/fesm5/index.js
CHANGED
|
@@ -32,7 +32,7 @@ var packageMetadata = {
|
|
|
32
32
|
name: '@progress/kendo-angular-scheduler',
|
|
33
33
|
productName: 'Kendo UI for Angular',
|
|
34
34
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
35
|
-
publishDate:
|
|
35
|
+
publishDate: 1637916885,
|
|
36
36
|
version: '',
|
|
37
37
|
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'
|
|
38
38
|
};
|
|
@@ -3983,7 +3983,7 @@ var ToolbarNavigationComponent = /** @class */ (function () {
|
|
|
3983
3983
|
providers: [
|
|
3984
3984
|
PopupService
|
|
3985
3985
|
],
|
|
3986
|
-
template: "\n <
|
|
3986
|
+
template: "\n <span class=\"k-scheduler-navigation k-button-group\">\n <button kendoButton\n (click)=\"todayClick()\"\n class=\"k-nav-today\"\n [attr.title]=\"todayText\"\n >\n <span class=\"k-button-text\">{{todayText}}</span>\n </button>\n <button kendoButton\n (click)=\"prevClick()\"\n class=\"k-nav-prev\"\n icon=\"arrow-60-left\"\n [attr.title]=\"previousText\"\n [attr.aria-label]=\"previousText\"\n >\n </button>\n <button kendoButton\n (click)=\"nextClick()\"\n type=\"button\"\n class=\"k-nav-next\"\n icon=\"arrow-60-right\"\n [attr.title]=\"nextText\"\n [attr.aria-label]=\"nextText\"\n >\n </button>\n </span>\n\n <a #anchor\n (click)=\"toggleSelectedDate(anchor, template)\"\n role=\"button\"\n href=\"#\"\n class=\"k-nav-current\"\n tabindex=\"-1\"\n >\n <span class=\"k-icon k-i-calendar\"></span>\n <span class=\"k-sm-date-format\">{{ (ctx.dateRange | async)?.shortText }}</span>\n <span class=\"k-lg-date-format\">{{ (ctx.dateRange | async)?.text }}</span>\n </a>\n\n <ng-template #template>\n <kendo-calendar #calendar (blur)=\"onBlur()\" (valueChange)=\"selectDate($event)\" [value]=\"ctx.selectedDate | async\" [min]=\"min\" [max]=\"max\">\n <kendo-calendar-messages [today]=\"calendarTodayText\">\n </kendo-calendar-messages>\n </kendo-calendar>\n </ng-template>\n "
|
|
3987
3987
|
}),
|
|
3988
3988
|
__metadata("design:paramtypes", [PopupService,
|
|
3989
3989
|
ToolbarService,
|
|
@@ -4155,7 +4155,7 @@ var ToolbarViewSelectorComponent = /** @class */ (function () {
|
|
|
4155
4155
|
Component({
|
|
4156
4156
|
// tslint:disable-next-line:component-selector
|
|
4157
4157
|
selector: '[kendoSchedulerToolbarViewSelector]',
|
|
4158
|
-
template: "\n <select *ngIf=\"ctx.views?.length > 1\"\n (change)=\"onChange($event)\"\n class=\"k-views-dropdown k-dropdown\"
|
|
4158
|
+
template: "\n <select *ngIf=\"ctx.views?.length > 1\"\n (change)=\"onChange($event)\"\n class=\"k-views-dropdown k-dropdown\">\n <option *ngFor=\"let view of ctx.views\"\n [selected]=\"isSelected(view) == true\"\n [value]=\"view.name\"\n >\n {{ view.title }}\n </option>\n </select>\n <span class=\"k-scheduler-views k-button-group\">\n <button kendoButton\n type=\"button\"\n *ngFor=\"let view of ctx.views\"\n [selected]=\"isSelected(view)\"\n [attr.aria-pressed]=\"isSelected(view)\"\n (click)=\"select(view)\"\n >\n <span class=\"k-button-text\">\n {{ view.title }}\n </span>\n </button>\n </span>\n "
|
|
4159
4159
|
}),
|
|
4160
4160
|
__metadata("design:paramtypes", [ToolbarService])
|
|
4161
4161
|
], ToolbarViewSelectorComponent);
|
|
@@ -7207,6 +7207,9 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
|
|
|
7207
7207
|
});
|
|
7208
7208
|
}
|
|
7209
7209
|
};
|
|
7210
|
+
MonthViewRendererComponent.prototype.cellTitle = function (value) {
|
|
7211
|
+
return this.intl.formatDate(value, 'D');
|
|
7212
|
+
};
|
|
7210
7213
|
MonthViewRendererComponent.prototype.optionsChange = function (changes) {
|
|
7211
7214
|
this.schedulerMonthDaySlotTemplate = changes.monthDaySlotTemplate;
|
|
7212
7215
|
_super.prototype.optionsChange.call(this, changes);
|
|
@@ -7321,7 +7324,7 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
|
|
|
7321
7324
|
providers: [
|
|
7322
7325
|
MonthSlotService
|
|
7323
7326
|
],
|
|
7324
|
-
template: "\n <div class=\"k-scheduler-layout k-scheduler-monthview k-scheduler-flex-layout\">\n <div class=\"k-scheduler-pane\">\n <div class=\"k-scheduler-times\" #timesHeader *ngIf=\"verticalResources.length\">\n <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n <tr>\n <th></th>\n </tr>\n </table>\n </div>\n <div class=\"k-scheduler-header k-state-default\" #header>\n <div class=\"k-scheduler-header-wrap\" #headerWrap>\n <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n <tr *ngFor=\"let resource of horizontalResources; let resourceIndex = index; trackBy: itemIndex\">\n <th *ngFor=\"let item of horizontalResources | resourceIterator : resourceIndex; trackBy: itemIndex\"\n class=\"k-slot-cell\" [attr.colspan]=\"horizontalColspan(resourceIndex)\">\n <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(item, resource.textField) }}</ng-container>\n <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\" [ngTemplateOutletContext]=\"{ resource: item }\"></ng-container>\n </th>\n </tr>\n <tr>\n <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; trackBy: itemIndex\">\n <th *ngFor=\"let day of weeks[0]; trackBy: itemIndex\">\n {{ day | kendoDate: 'EEEE' }}\n </th>\n </ng-container>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div class=\"k-scheduler-pane\">\n <div class=\"k-scheduler-times k-scheduler-resources\" #times *ngIf=\"verticalResources.length\">\n <table class=\"k-scheduler-table\" #timesTable aria-hidden=\"true\">\n <ng-container *ngFor=\"let resourceItem of verticalResources | resourceIterator; let leafIndex = index; trackBy: itemIndex\">\n <tr>\n <ng-container *ngFor=\"let resource of verticalResources; let resourceIndex = index; trackBy: itemIndex\">\n <th *ngIf=\"verticalItem(leafIndex, resourceIndex)\" [attr.rowspan]=\"verticalRowspan(resourceIndex)\" class=\"k-slot-cell\" [ngClass]=\"{ 'k-last-resource': resourceIndex === verticalResources.length - 1 }\">\n <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}</ng-container>\n <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\"\n [ngTemplateOutletContext]=\"{ resource: verticalItem(leafIndex, resourceIndex) }\"></ng-container>\n </th>\n </ng-container>\n <th class=\"k-slot-cell k-empty-slot\">\n </th>\n </tr>\n <tr *ngFor=\"let index of 5 | repeat; trackBy: itemIndex\">\n <th class=\"k-slot-cell k-empty-slot\"></th>\n </tr>\n </ng-container>\n </table>\n </div>\n <div class=\"k-scheduler-content\" #content>\n <table class=\"k-scheduler-table\" #contentTable role=\"presentation\">\n <ng-container *ngFor=\"let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex\">\n <tr *ngFor=\"let week of weeks; let rangeIndex = index; trackBy: itemIndex\">\n <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; let horizontalIndex = index; trackBy: itemIndex\">\n <td *ngFor=\"let day of week; let index = index; trackBy: itemIndex\"\n monthSlot\n [ngClass]=\"daySlotClass(day, verticalResources.length ? verticalIndex : horizontalIndex)\"\n [start]=\"day\"\n [id]=\"{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }\"\n
|
|
7327
|
+
template: "\n <div class=\"k-scheduler-layout k-scheduler-monthview k-scheduler-flex-layout\">\n <div class=\"k-scheduler-pane\">\n <div class=\"k-scheduler-times\" #timesHeader *ngIf=\"verticalResources.length\">\n <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n <tr>\n <th></th>\n </tr>\n </table>\n </div>\n <div class=\"k-scheduler-header k-state-default\" #header>\n <div class=\"k-scheduler-header-wrap\" #headerWrap>\n <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n <tr *ngFor=\"let resource of horizontalResources; let resourceIndex = index; trackBy: itemIndex\">\n <th *ngFor=\"let item of horizontalResources | resourceIterator : resourceIndex; trackBy: itemIndex\"\n class=\"k-slot-cell\" [attr.colspan]=\"horizontalColspan(resourceIndex)\">\n <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(item, resource.textField) }}</ng-container>\n <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\" [ngTemplateOutletContext]=\"{ resource: item }\"></ng-container>\n </th>\n </tr>\n <tr>\n <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; trackBy: itemIndex\">\n <th *ngFor=\"let day of weeks[0]; trackBy: itemIndex\">\n {{ day | kendoDate: 'EEEE' }}\n </th>\n </ng-container>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div class=\"k-scheduler-pane\">\n <div class=\"k-scheduler-times k-scheduler-resources\" #times *ngIf=\"verticalResources.length\">\n <table class=\"k-scheduler-table\" #timesTable aria-hidden=\"true\">\n <ng-container *ngFor=\"let resourceItem of verticalResources | resourceIterator; let leafIndex = index; trackBy: itemIndex\">\n <tr>\n <ng-container *ngFor=\"let resource of verticalResources; let resourceIndex = index; trackBy: itemIndex\">\n <th *ngIf=\"verticalItem(leafIndex, resourceIndex)\" [attr.rowspan]=\"verticalRowspan(resourceIndex)\" class=\"k-slot-cell\" [ngClass]=\"{ 'k-last-resource': resourceIndex === verticalResources.length - 1 }\">\n <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}</ng-container>\n <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\"\n [ngTemplateOutletContext]=\"{ resource: verticalItem(leafIndex, resourceIndex) }\"></ng-container>\n </th>\n </ng-container>\n <th class=\"k-slot-cell k-empty-slot\">\n </th>\n </tr>\n <tr *ngFor=\"let index of 5 | repeat; trackBy: itemIndex\">\n <th class=\"k-slot-cell k-empty-slot\"></th>\n </tr>\n </ng-container>\n </table>\n </div>\n <div class=\"k-scheduler-content\" #content>\n <table class=\"k-scheduler-table\" #contentTable role=\"presentation\">\n <ng-container *ngFor=\"let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex\">\n <tr *ngFor=\"let week of weeks; let rangeIndex = index; trackBy: itemIndex\">\n <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; let horizontalIndex = index; trackBy: itemIndex\">\n <td *ngFor=\"let day of week; let index = index; trackBy: itemIndex\"\n monthSlot\n [ngClass]=\"daySlotClass(day, verticalResources.length ? verticalIndex : horizontalIndex)\"\n [start]=\"day\"\n [id]=\"{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }\"\n [title]=\"cellTitle(day)\"\n >\n <span aria-hidden=\"true\" class=\"k-link k-nav-day\" *ngIf=\"!monthDaySlotTemplateRef\" >{{ day | kendoDate: 'dd' }}</span>\n <ng-container *ngIf=\"monthDaySlotTemplateRef\" [ngTemplateOutlet]=\"monthDaySlotTemplateRef\"\n [ngTemplateOutletContext]=\"{ date: day, resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex) }\"></ng-container>\n </td>\n </ng-container>\n </tr>\n </ng-container>\n </table>\n <ng-container *ngFor=\"let item of items | async; trackBy: itemIndex\">\n <div *ngFor=\"let itemResource of item.resources; trackBy: itemIndex\"\n [ngClass]=\"getEventClasses(item, itemResource.resources)\"\n [ngStyle]=\"getEventStyles(item, itemResource)\"\n [kendoSchedulerFocusIndex]=\"itemResource.leafIdx\"\n monthViewItem\n [editable]=\"editable\"\n [item]=\"item\"\n [index]=\"item.index\"\n [rangeIndex]=\"item.rangeIndex\"\n [eventTemplate]=\"eventTemplateRef\"\n [resources]=\"itemResource.resources\"\n [resourceIndex]=\"itemResource.leafIdx\">\n </div>\n </ng-container>\n <kendo-hint-container #hintContainer>\n <ng-template>\n <div *ngFor=\"let hint of dragHints; trackBy: itemIndex;\"\n class=\"k-event-drag-hint\"\n monthViewItem\n [ngStyle]=\"hint.style\"\n [ngClass]=\"hint.class\"\n [dragHint]=\"true\"\n [eventTemplate]=\"eventTemplateRef\"\n [item]=\"hint.item\"\n [resources]=\"hint.resources\">\n </div>\n\n <div *ngFor=\"let hint of resizeHints; trackBy: itemIndex;\"\n kendoResizeHint\n [hint]=\"hint\"\n [ngClass]=\"hint.class\"\n [format]=\"resizeHintFormat\">\n </div>\n </ng-template>\n </kendo-hint-container>\n </div>\n </div>\n </div>\n "
|
|
7325
7328
|
}),
|
|
7326
7329
|
__metadata("design:paramtypes", [ViewContextService,
|
|
7327
7330
|
ViewStateService,
|
|
@@ -7567,7 +7570,7 @@ var ViewFooterComponent = /** @class */ (function () {
|
|
|
7567
7570
|
Component({
|
|
7568
7571
|
// tslint:disable-next-line:component-selector
|
|
7569
7572
|
selector: '[viewFooter]',
|
|
7570
|
-
template: "\n <button type=\"button\"
|
|
7573
|
+
template: "\n <button type=\"button\" class=\"k-button\" *ngFor=\"let item of items\" [ngClass]=\"item.cssClass\" (click)=\"onItemClick($event, item)\">\n <span class=\"k-button-icon k-icon\" [ngClass]=\"item.iconClass\"></span>\n <span class=\"k-button-text\">{{ item.text }}</span>\n </button>\n "
|
|
7571
7574
|
})
|
|
7572
7575
|
], ViewFooterComponent);
|
|
7573
7576
|
return ViewFooterComponent;
|
|
@@ -11,7 +11,7 @@ exports.packageMetadata = {
|
|
|
11
11
|
name: '@progress/kendo-angular-scheduler',
|
|
12
12
|
productName: 'Kendo UI for Angular',
|
|
13
13
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1637916885,
|
|
15
15
|
version: '',
|
|
16
16
|
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'
|
|
17
17
|
};
|
|
@@ -215,7 +215,7 @@ var ToolbarNavigationComponent = /** @class */ (function () {
|
|
|
215
215
|
providers: [
|
|
216
216
|
kendo_angular_popup_1.PopupService
|
|
217
217
|
],
|
|
218
|
-
template: "\n <
|
|
218
|
+
template: "\n <span class=\"k-scheduler-navigation k-button-group\">\n <button kendoButton\n (click)=\"todayClick()\"\n class=\"k-nav-today\"\n [attr.title]=\"todayText\"\n >\n <span class=\"k-button-text\">{{todayText}}</span>\n </button>\n <button kendoButton\n (click)=\"prevClick()\"\n class=\"k-nav-prev\"\n icon=\"arrow-60-left\"\n [attr.title]=\"previousText\"\n [attr.aria-label]=\"previousText\"\n >\n </button>\n <button kendoButton\n (click)=\"nextClick()\"\n type=\"button\"\n class=\"k-nav-next\"\n icon=\"arrow-60-right\"\n [attr.title]=\"nextText\"\n [attr.aria-label]=\"nextText\"\n >\n </button>\n </span>\n\n <a #anchor\n (click)=\"toggleSelectedDate(anchor, template)\"\n role=\"button\"\n href=\"#\"\n class=\"k-nav-current\"\n tabindex=\"-1\"\n >\n <span class=\"k-icon k-i-calendar\"></span>\n <span class=\"k-sm-date-format\">{{ (ctx.dateRange | async)?.shortText }}</span>\n <span class=\"k-lg-date-format\">{{ (ctx.dateRange | async)?.text }}</span>\n </a>\n\n <ng-template #template>\n <kendo-calendar #calendar (blur)=\"onBlur()\" (valueChange)=\"selectDate($event)\" [value]=\"ctx.selectedDate | async\" [min]=\"min\" [max]=\"max\">\n <kendo-calendar-messages [today]=\"calendarTodayText\">\n </kendo-calendar-messages>\n </kendo-calendar>\n </ng-template>\n "
|
|
219
219
|
}),
|
|
220
220
|
tslib_1.__metadata("design:paramtypes", [kendo_angular_popup_1.PopupService,
|
|
221
221
|
toolbar_service_1.ToolbarService,
|
|
@@ -79,7 +79,7 @@ var ToolbarViewSelectorComponent = /** @class */ (function () {
|
|
|
79
79
|
core_1.Component({
|
|
80
80
|
// tslint:disable-next-line:component-selector
|
|
81
81
|
selector: '[kendoSchedulerToolbarViewSelector]',
|
|
82
|
-
template: "\n <select *ngIf=\"ctx.views?.length > 1\"\n (change)=\"onChange($event)\"\n class=\"k-views-dropdown k-dropdown\"
|
|
82
|
+
template: "\n <select *ngIf=\"ctx.views?.length > 1\"\n (change)=\"onChange($event)\"\n class=\"k-views-dropdown k-dropdown\">\n <option *ngFor=\"let view of ctx.views\"\n [selected]=\"isSelected(view) == true\"\n [value]=\"view.name\"\n >\n {{ view.title }}\n </option>\n </select>\n <span class=\"k-scheduler-views k-button-group\">\n <button kendoButton\n type=\"button\"\n *ngFor=\"let view of ctx.views\"\n [selected]=\"isSelected(view)\"\n [attr.aria-pressed]=\"isSelected(view)\"\n (click)=\"select(view)\"\n >\n <span class=\"k-button-text\">\n {{ view.title }}\n </span>\n </button>\n </span>\n "
|
|
83
83
|
}),
|
|
84
84
|
tslib_1.__metadata("design:paramtypes", [toolbar_service_1.ToolbarService])
|
|
85
85
|
], ToolbarViewSelectorComponent);
|
|
@@ -44,7 +44,7 @@ var ViewFooterComponent = /** @class */ (function () {
|
|
|
44
44
|
core_1.Component({
|
|
45
45
|
// tslint:disable-next-line:component-selector
|
|
46
46
|
selector: '[viewFooter]',
|
|
47
|
-
template: "\n <button type=\"button\"
|
|
47
|
+
template: "\n <button type=\"button\" class=\"k-button\" *ngFor=\"let item of items\" [ngClass]=\"item.cssClass\" (click)=\"onItemClick($event, item)\">\n <span class=\"k-button-icon k-icon\" [ngClass]=\"item.iconClass\"></span>\n <span class=\"k-button-text\">{{ item.text }}</span>\n </button>\n "
|
|
48
48
|
})
|
|
49
49
|
], ViewFooterComponent);
|
|
50
50
|
return ViewFooterComponent;
|
|
@@ -79,6 +79,9 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
|
|
|
79
79
|
});
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
|
+
MonthViewRendererComponent.prototype.cellTitle = function (value) {
|
|
83
|
+
return this.intl.formatDate(value, 'D');
|
|
84
|
+
};
|
|
82
85
|
MonthViewRendererComponent.prototype.optionsChange = function (changes) {
|
|
83
86
|
this.schedulerMonthDaySlotTemplate = changes.monthDaySlotTemplate;
|
|
84
87
|
_super.prototype.optionsChange.call(this, changes);
|
|
@@ -193,7 +196,7 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
|
|
|
193
196
|
providers: [
|
|
194
197
|
month_slot_service_1.MonthSlotService
|
|
195
198
|
],
|
|
196
|
-
template: "\n <div class=\"k-scheduler-layout k-scheduler-monthview k-scheduler-flex-layout\">\n <div class=\"k-scheduler-pane\">\n <div class=\"k-scheduler-times\" #timesHeader *ngIf=\"verticalResources.length\">\n <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n <tr>\n <th></th>\n </tr>\n </table>\n </div>\n <div class=\"k-scheduler-header k-state-default\" #header>\n <div class=\"k-scheduler-header-wrap\" #headerWrap>\n <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n <tr *ngFor=\"let resource of horizontalResources; let resourceIndex = index; trackBy: itemIndex\">\n <th *ngFor=\"let item of horizontalResources | resourceIterator : resourceIndex; trackBy: itemIndex\"\n class=\"k-slot-cell\" [attr.colspan]=\"horizontalColspan(resourceIndex)\">\n <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(item, resource.textField) }}</ng-container>\n <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\" [ngTemplateOutletContext]=\"{ resource: item }\"></ng-container>\n </th>\n </tr>\n <tr>\n <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; trackBy: itemIndex\">\n <th *ngFor=\"let day of weeks[0]; trackBy: itemIndex\">\n {{ day | kendoDate: 'EEEE' }}\n </th>\n </ng-container>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div class=\"k-scheduler-pane\">\n <div class=\"k-scheduler-times k-scheduler-resources\" #times *ngIf=\"verticalResources.length\">\n <table class=\"k-scheduler-table\" #timesTable aria-hidden=\"true\">\n <ng-container *ngFor=\"let resourceItem of verticalResources | resourceIterator; let leafIndex = index; trackBy: itemIndex\">\n <tr>\n <ng-container *ngFor=\"let resource of verticalResources; let resourceIndex = index; trackBy: itemIndex\">\n <th *ngIf=\"verticalItem(leafIndex, resourceIndex)\" [attr.rowspan]=\"verticalRowspan(resourceIndex)\" class=\"k-slot-cell\" [ngClass]=\"{ 'k-last-resource': resourceIndex === verticalResources.length - 1 }\">\n <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}</ng-container>\n <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\"\n [ngTemplateOutletContext]=\"{ resource: verticalItem(leafIndex, resourceIndex) }\"></ng-container>\n </th>\n </ng-container>\n <th class=\"k-slot-cell k-empty-slot\">\n </th>\n </tr>\n <tr *ngFor=\"let index of 5 | repeat; trackBy: itemIndex\">\n <th class=\"k-slot-cell k-empty-slot\"></th>\n </tr>\n </ng-container>\n </table>\n </div>\n <div class=\"k-scheduler-content\" #content>\n <table class=\"k-scheduler-table\" #contentTable role=\"presentation\">\n <ng-container *ngFor=\"let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex\">\n <tr *ngFor=\"let week of weeks; let rangeIndex = index; trackBy: itemIndex\">\n <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; let horizontalIndex = index; trackBy: itemIndex\">\n <td *ngFor=\"let day of week; let index = index; trackBy: itemIndex\"\n monthSlot\n [ngClass]=\"daySlotClass(day, verticalResources.length ? verticalIndex : horizontalIndex)\"\n [start]=\"day\"\n [id]=\"{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }\"\n
|
|
199
|
+
template: "\n <div class=\"k-scheduler-layout k-scheduler-monthview k-scheduler-flex-layout\">\n <div class=\"k-scheduler-pane\">\n <div class=\"k-scheduler-times\" #timesHeader *ngIf=\"verticalResources.length\">\n <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n <tr>\n <th></th>\n </tr>\n </table>\n </div>\n <div class=\"k-scheduler-header k-state-default\" #header>\n <div class=\"k-scheduler-header-wrap\" #headerWrap>\n <table class=\"k-scheduler-table\" aria-hidden=\"true\">\n <tr *ngFor=\"let resource of horizontalResources; let resourceIndex = index; trackBy: itemIndex\">\n <th *ngFor=\"let item of horizontalResources | resourceIterator : resourceIndex; trackBy: itemIndex\"\n class=\"k-slot-cell\" [attr.colspan]=\"horizontalColspan(resourceIndex)\">\n <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(item, resource.textField) }}</ng-container>\n <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\" [ngTemplateOutletContext]=\"{ resource: item }\"></ng-container>\n </th>\n </tr>\n <tr>\n <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; trackBy: itemIndex\">\n <th *ngFor=\"let day of weeks[0]; trackBy: itemIndex\">\n {{ day | kendoDate: 'EEEE' }}\n </th>\n </ng-container>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div class=\"k-scheduler-pane\">\n <div class=\"k-scheduler-times k-scheduler-resources\" #times *ngIf=\"verticalResources.length\">\n <table class=\"k-scheduler-table\" #timesTable aria-hidden=\"true\">\n <ng-container *ngFor=\"let resourceItem of verticalResources | resourceIterator; let leafIndex = index; trackBy: itemIndex\">\n <tr>\n <ng-container *ngFor=\"let resource of verticalResources; let resourceIndex = index; trackBy: itemIndex\">\n <th *ngIf=\"verticalItem(leafIndex, resourceIndex)\" [attr.rowspan]=\"verticalRowspan(resourceIndex)\" class=\"k-slot-cell\" [ngClass]=\"{ 'k-last-resource': resourceIndex === verticalResources.length - 1 }\">\n <ng-container *ngIf=\"!groupHeaderTemplateRef\">{{ getField(verticalItem(leafIndex, resourceIndex), resource.textField) }}</ng-container>\n <ng-container *ngIf=\"groupHeaderTemplateRef\" [ngTemplateOutlet]=\"groupHeaderTemplateRef\"\n [ngTemplateOutletContext]=\"{ resource: verticalItem(leafIndex, resourceIndex) }\"></ng-container>\n </th>\n </ng-container>\n <th class=\"k-slot-cell k-empty-slot\">\n </th>\n </tr>\n <tr *ngFor=\"let index of 5 | repeat; trackBy: itemIndex\">\n <th class=\"k-slot-cell k-empty-slot\"></th>\n </tr>\n </ng-container>\n </table>\n </div>\n <div class=\"k-scheduler-content\" #content>\n <table class=\"k-scheduler-table\" #contentTable role=\"presentation\">\n <ng-container *ngFor=\"let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex\">\n <tr *ngFor=\"let week of weeks; let rangeIndex = index; trackBy: itemIndex\">\n <ng-container *ngFor=\"let resource of horizontalResources | resourceIterator; let horizontalIndex = index; trackBy: itemIndex\">\n <td *ngFor=\"let day of week; let index = index; trackBy: itemIndex\"\n monthSlot\n [ngClass]=\"daySlotClass(day, verticalResources.length ? verticalIndex : horizontalIndex)\"\n [start]=\"day\"\n [id]=\"{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }\"\n [title]=\"cellTitle(day)\"\n >\n <span aria-hidden=\"true\" class=\"k-link k-nav-day\" *ngIf=\"!monthDaySlotTemplateRef\" >{{ day | kendoDate: 'dd' }}</span>\n <ng-container *ngIf=\"monthDaySlotTemplateRef\" [ngTemplateOutlet]=\"monthDaySlotTemplateRef\"\n [ngTemplateOutletContext]=\"{ date: day, resources: resourcesByIndex(verticalResources.length ? verticalIndex : horizontalIndex) }\"></ng-container>\n </td>\n </ng-container>\n </tr>\n </ng-container>\n </table>\n <ng-container *ngFor=\"let item of items | async; trackBy: itemIndex\">\n <div *ngFor=\"let itemResource of item.resources; trackBy: itemIndex\"\n [ngClass]=\"getEventClasses(item, itemResource.resources)\"\n [ngStyle]=\"getEventStyles(item, itemResource)\"\n [kendoSchedulerFocusIndex]=\"itemResource.leafIdx\"\n monthViewItem\n [editable]=\"editable\"\n [item]=\"item\"\n [index]=\"item.index\"\n [rangeIndex]=\"item.rangeIndex\"\n [eventTemplate]=\"eventTemplateRef\"\n [resources]=\"itemResource.resources\"\n [resourceIndex]=\"itemResource.leafIdx\">\n </div>\n </ng-container>\n <kendo-hint-container #hintContainer>\n <ng-template>\n <div *ngFor=\"let hint of dragHints; trackBy: itemIndex;\"\n class=\"k-event-drag-hint\"\n monthViewItem\n [ngStyle]=\"hint.style\"\n [ngClass]=\"hint.class\"\n [dragHint]=\"true\"\n [eventTemplate]=\"eventTemplateRef\"\n [item]=\"hint.item\"\n [resources]=\"hint.resources\">\n </div>\n\n <div *ngFor=\"let hint of resizeHints; trackBy: itemIndex;\"\n kendoResizeHint\n [hint]=\"hint\"\n [ngClass]=\"hint.class\"\n [format]=\"resizeHintFormat\">\n </div>\n </ng-template>\n </kendo-hint-container>\n </div>\n </div>\n </div>\n "
|
|
197
200
|
}),
|
|
198
201
|
tslib_1.__metadata("design:paramtypes", [view_context_service_1.ViewContextService,
|
|
199
202
|
view_state_service_1.ViewStateService,
|