@progress/kendo-angular-scheduler 4.3.0-dev.202207221541 → 4.3.1-dev.202208101208
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-scheduler.umd.js +1 -1
- package/esm2015/navigation/focusable.directive.js +1 -1
- package/esm2015/package-metadata.js +1 -1
- package/esm2015/scheduler.component.js +5 -5
- package/esm2015/views/agenda/agenda-task-item.component.js +6 -6
- package/esm2015/views/agenda/agenda-view-list.component.js +4 -4
- package/esm2015/views/day-time/day-time-view-item.component.js +14 -14
- package/esm2015/views/month/month-view-item.component.js +10 -10
- package/esm2015/views/month/month-view-renderer.component.js +2 -2
- package/esm2015/views/multi-day/multi-day-view-renderer.component.js +6 -6
- package/esm2015/views/timeline/timeline-multi-day-view.component.js +2 -2
- package/fesm2015/kendo-angular-scheduler.js +51 -51
- package/package.json +1 -1
- package/scheduler.component.d.ts +1 -1
- package/types/slot-selection.d.ts +1 -1
|
@@ -43,7 +43,7 @@ const packageMetadata = {
|
|
|
43
43
|
name: '@progress/kendo-angular-scheduler',
|
|
44
44
|
productName: 'Kendo UI for Angular',
|
|
45
45
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
46
|
-
publishDate:
|
|
46
|
+
publishDate: 1660133212,
|
|
47
47
|
version: '',
|
|
48
48
|
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'
|
|
49
49
|
};
|
|
@@ -1798,7 +1798,7 @@ class FocusableDirective {
|
|
|
1798
1798
|
this.element.nativeElement.focus();
|
|
1799
1799
|
}
|
|
1800
1800
|
toggleFocus(value) {
|
|
1801
|
-
const focusedClass = 'k-
|
|
1801
|
+
const focusedClass = 'k-selected';
|
|
1802
1802
|
const element = this.element.nativeElement;
|
|
1803
1803
|
if (value) {
|
|
1804
1804
|
this.renderer.addClass(element, focusedClass);
|
|
@@ -5853,7 +5853,7 @@ class SchedulerComponent {
|
|
|
5853
5853
|
this.highlightOngoingEvents = true;
|
|
5854
5854
|
/**
|
|
5855
5855
|
* A callback that executes for each slot of the Scheduler view.
|
|
5856
|
-
* If it returns `true`, the `k-
|
|
5856
|
+
* If it returns `true`, the `k-selected` CSS class will be added to the cell, making it visibly selected.
|
|
5857
5857
|
*/
|
|
5858
5858
|
this.isSlotSelected = alwaysFalse;
|
|
5859
5859
|
/**
|
|
@@ -6535,7 +6535,7 @@ class SchedulerComponent {
|
|
|
6535
6535
|
this.domEvents.focus.emit(args);
|
|
6536
6536
|
if (!focused) {
|
|
6537
6537
|
this.domEvents.focusIn.emit(args);
|
|
6538
|
-
this.renderer.addClass(this.wrapper.nativeElement, 'k-
|
|
6538
|
+
this.renderer.addClass(this.wrapper.nativeElement, 'k-focus');
|
|
6539
6539
|
focused = true;
|
|
6540
6540
|
}
|
|
6541
6541
|
});
|
|
@@ -6544,7 +6544,7 @@ class SchedulerComponent {
|
|
|
6544
6544
|
const outside = !closest(next, (node) => node === wrapper);
|
|
6545
6545
|
if (outside) {
|
|
6546
6546
|
this.domEvents.focusOut.emit(args);
|
|
6547
|
-
this.renderer.removeClass(this.wrapper.nativeElement, 'k-
|
|
6547
|
+
this.renderer.removeClass(this.wrapper.nativeElement, 'k-focus');
|
|
6548
6548
|
focused = false;
|
|
6549
6549
|
}
|
|
6550
6550
|
});
|
|
@@ -6842,7 +6842,7 @@ SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
6842
6842
|
|
|
6843
6843
|
<div [loading]="loading" kendoSchedulerLoading>
|
|
6844
6844
|
</div>
|
|
6845
|
-
`, isInline: true, styles: [".k-scheduler.k-
|
|
6845
|
+
`, isInline: true, styles: [".k-scheduler.k-focus { box-shadow: 0 0.5px 0.5px 0.5px rgba(0, 0, 0, .12); }"], components: [{ type: ToolbarComponent, selector: "kendo-scheduler-toolbar", inputs: ["selectedView", "views", "dateRange", "selectedDate", "template", "min", "max"], outputs: ["navigate"] }, { type: EditDialogComponent, selector: "kendo-scheduler-edit-dialog", inputs: ["resources", "timezone", "weekStart", "fields", "editTemplate"] }, { type: i12$1.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: LoadingComponent, selector: "[kendoSchedulerLoading]", inputs: ["loading"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoSchedulerLocalizedMessages]" }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6846
6846
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SchedulerComponent, decorators: [{
|
|
6847
6847
|
type: Component,
|
|
6848
6848
|
args: [{
|
|
@@ -6869,7 +6869,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
6869
6869
|
PDFService
|
|
6870
6870
|
],
|
|
6871
6871
|
// TODO: Move to themes
|
|
6872
|
-
styles: ['.k-scheduler.k-
|
|
6872
|
+
styles: ['.k-scheduler.k-focus { box-shadow: 0 0.5px 0.5px 0.5px rgba(0, 0, 0, .12); }'],
|
|
6873
6873
|
encapsulation: ViewEncapsulation.None,
|
|
6874
6874
|
template: `
|
|
6875
6875
|
<ng-container kendoSchedulerLocalizedMessages
|
|
@@ -8013,8 +8013,8 @@ AgendaTaskItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0",
|
|
|
8013
8013
|
AgendaTaskItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AgendaTaskItemComponent, selector: "[kendoSchedulerAgendaTaskItem]", inputs: { item: ["kendoSchedulerAgendaTaskItem", "item"], color: "color", eventTemplate: "eventTemplate", editable: "editable" }, host: { properties: { "attr.aria-label": "this.eventTitle" } }, ngImport: i0, template: `
|
|
8014
8014
|
<div class="k-task" [title]="item.title">
|
|
8015
8015
|
<span class="k-scheduler-mark" *ngIf="eventColor" [style.background-color]="eventColor"></span>
|
|
8016
|
-
<span class="k-icon k-i-
|
|
8017
|
-
<span class="k-icon k-i-
|
|
8016
|
+
<span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
|
|
8017
|
+
<span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
|
|
8018
8018
|
<ng-container *ngIf="!eventTemplate">
|
|
8019
8019
|
{{item?.title }}
|
|
8020
8020
|
</ng-container>
|
|
@@ -8023,7 +8023,7 @@ AgendaTaskItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
8023
8023
|
</ng-container>
|
|
8024
8024
|
|
|
8025
8025
|
<span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
8026
|
-
<span class="k-icon k-i-
|
|
8026
|
+
<span class="k-icon k-i-x"></span>
|
|
8027
8027
|
</span>
|
|
8028
8028
|
</div>
|
|
8029
8029
|
`, isInline: true, directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
@@ -8036,8 +8036,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
8036
8036
|
template: `
|
|
8037
8037
|
<div class="k-task" [title]="item.title">
|
|
8038
8038
|
<span class="k-scheduler-mark" *ngIf="eventColor" [style.background-color]="eventColor"></span>
|
|
8039
|
-
<span class="k-icon k-i-
|
|
8040
|
-
<span class="k-icon k-i-
|
|
8039
|
+
<span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
|
|
8040
|
+
<span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
|
|
8041
8041
|
<ng-container *ngIf="!eventTemplate">
|
|
8042
8042
|
{{item?.title }}
|
|
8043
8043
|
</ng-container>
|
|
@@ -8046,7 +8046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
8046
8046
|
</ng-container>
|
|
8047
8047
|
|
|
8048
8048
|
<span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
8049
|
-
<span class="k-icon k-i-
|
|
8049
|
+
<span class="k-icon k-i-x"></span>
|
|
8050
8050
|
</span>
|
|
8051
8051
|
</div>
|
|
8052
8052
|
`
|
|
@@ -8142,9 +8142,9 @@ AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
8142
8142
|
</td>
|
|
8143
8143
|
<td class="k-scheduler-timecolumn" role="gridcell">
|
|
8144
8144
|
<div *ngIf="!agendaTimeTemplate">
|
|
8145
|
-
<span class="k-icon k-i-
|
|
8145
|
+
<span class="k-icon k-i-caret-alt-left" *ngIf="extractDataItem(item).tail"></span>
|
|
8146
8146
|
{{ formatTime(extractDataItem(item)) }}
|
|
8147
|
-
<span class="k-icon k-i-
|
|
8147
|
+
<span class="k-icon k-i-caret-alt-right" *ngIf="extractDataItem(item).head"></span>
|
|
8148
8148
|
</div>
|
|
8149
8149
|
<ng-container *ngIf="agendaTimeTemplate" [ngTemplateOutlet]="agendaTimeTemplate"
|
|
8150
8150
|
[ngTemplateOutletContext]="extractDataItem(item)">
|
|
@@ -8184,9 +8184,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
8184
8184
|
</td>
|
|
8185
8185
|
<td class="k-scheduler-timecolumn" role="gridcell">
|
|
8186
8186
|
<div *ngIf="!agendaTimeTemplate">
|
|
8187
|
-
<span class="k-icon k-i-
|
|
8187
|
+
<span class="k-icon k-i-caret-alt-left" *ngIf="extractDataItem(item).tail"></span>
|
|
8188
8188
|
{{ formatTime(extractDataItem(item)) }}
|
|
8189
|
-
<span class="k-icon k-i-
|
|
8189
|
+
<span class="k-icon k-i-caret-alt-right" *ngIf="extractDataItem(item).head"></span>
|
|
8190
8190
|
</div>
|
|
8191
8191
|
<ng-container *ngIf="agendaTimeTemplate" [ngTemplateOutlet]="agendaTimeTemplate"
|
|
8192
8192
|
[ngTemplateOutletContext]="extractDataItem(item)">
|
|
@@ -9308,9 +9308,9 @@ class MonthViewItemComponent extends BaseViewItem {
|
|
|
9308
9308
|
MonthViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthViewItemComponent, deps: [{ token: MonthSlotService }, { token: i2.LocalizationService }, { token: FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
|
|
9309
9309
|
MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MonthViewItemComponent, selector: "[monthViewItem]", usesInheritance: true, ngImport: i0, template: `
|
|
9310
9310
|
<span class="k-event-actions">
|
|
9311
|
-
<span class="k-icon k-i-
|
|
9312
|
-
<span class="k-icon k-i-
|
|
9313
|
-
<span class="k-icon k-i-
|
|
9311
|
+
<span class="k-icon k-i-caret-alt-left" *ngIf="item.tail"></span>
|
|
9312
|
+
<span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
|
|
9313
|
+
<span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
|
|
9314
9314
|
</span>
|
|
9315
9315
|
<ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
|
|
9316
9316
|
[ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
|
|
@@ -9321,9 +9321,9 @@ MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
9321
9321
|
|
|
9322
9322
|
<span class="k-event-actions">
|
|
9323
9323
|
<span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
9324
|
-
<span class="k-icon k-i-
|
|
9324
|
+
<span class="k-icon k-i-x"></span>
|
|
9325
9325
|
</span>
|
|
9326
|
-
<span class="k-icon k-i-
|
|
9326
|
+
<span class="k-icon k-i-caret-alt-right" *ngIf="item.head"></span>
|
|
9327
9327
|
</span>
|
|
9328
9328
|
|
|
9329
9329
|
<ng-container *ngIf="resizable">
|
|
@@ -9338,9 +9338,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
9338
9338
|
selector: '[monthViewItem]',
|
|
9339
9339
|
template: `
|
|
9340
9340
|
<span class="k-event-actions">
|
|
9341
|
-
<span class="k-icon k-i-
|
|
9342
|
-
<span class="k-icon k-i-
|
|
9343
|
-
<span class="k-icon k-i-
|
|
9341
|
+
<span class="k-icon k-i-caret-alt-left" *ngIf="item.tail"></span>
|
|
9342
|
+
<span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
|
|
9343
|
+
<span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
|
|
9344
9344
|
</span>
|
|
9345
9345
|
<ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
|
|
9346
9346
|
[ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
|
|
@@ -9351,9 +9351,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
9351
9351
|
|
|
9352
9352
|
<span class="k-event-actions">
|
|
9353
9353
|
<span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
9354
|
-
<span class="k-icon k-i-
|
|
9354
|
+
<span class="k-icon k-i-x"></span>
|
|
9355
9355
|
</span>
|
|
9356
|
-
<span class="k-icon k-i-
|
|
9356
|
+
<span class="k-icon k-i-caret-alt-right" *ngIf="item.head"></span>
|
|
9357
9357
|
</span>
|
|
9358
9358
|
|
|
9359
9359
|
<ng-container *ngIf="resizable">
|
|
@@ -11008,7 +11008,7 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
11008
11008
|
[start]="day"
|
|
11009
11009
|
[id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
|
|
11010
11010
|
[title]="cellTitle(day)"
|
|
11011
|
-
[class.k-
|
|
11011
|
+
[class.k-selected]="isSlotSelected({
|
|
11012
11012
|
start: toPlainDate(day),
|
|
11013
11013
|
end: addDay(toPlainDate(day)),
|
|
11014
11014
|
isAllDay: true,
|
|
@@ -11136,7 +11136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
11136
11136
|
[start]="day"
|
|
11137
11137
|
[id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
|
|
11138
11138
|
[title]="cellTitle(day)"
|
|
11139
|
-
[class.k-
|
|
11139
|
+
[class.k-selected]="isSlotSelected({
|
|
11140
11140
|
start: toPlainDate(day),
|
|
11141
11141
|
end: addDay(toPlainDate(day)),
|
|
11142
11142
|
isAllDay: true,
|
|
@@ -12311,9 +12311,9 @@ class DayTimeViewItemComponent extends BaseViewItem {
|
|
|
12311
12311
|
DayTimeViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayTimeViewItemComponent, deps: [{ token: i1$3.IntlService }, { token: DayTimeSlotService }, { token: i2.LocalizationService }, { token: FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
|
|
12312
12312
|
DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: { vertical: "vertical", isAllDay: "isAllDay" }, usesInheritance: true, ngImport: i0, template: `
|
|
12313
12313
|
<span class="k-event-actions">
|
|
12314
|
-
<span class="k-icon k-i-
|
|
12315
|
-
<span class="k-icon k-i-
|
|
12316
|
-
<span class="k-icon k-i-
|
|
12314
|
+
<span class="k-icon k-i-caret-alt-left" *ngIf="item.tail && !vertical"></span>
|
|
12315
|
+
<span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
|
|
12316
|
+
<span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
|
|
12317
12317
|
</span>
|
|
12318
12318
|
<ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
|
|
12319
12319
|
[ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
|
|
@@ -12325,17 +12325,17 @@ DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
|
|
|
12325
12325
|
|
|
12326
12326
|
<span class="k-event-actions">
|
|
12327
12327
|
<span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
12328
|
-
<span class="k-icon k-i-
|
|
12328
|
+
<span class="k-icon k-i-x"></span>
|
|
12329
12329
|
</span>
|
|
12330
|
-
<span class="k-icon k-i-
|
|
12330
|
+
<span class="k-icon k-i-caret-alt-right" *ngIf="item.head && !vertical"></span>
|
|
12331
12331
|
</span>
|
|
12332
12332
|
|
|
12333
12333
|
<span class="k-event-top-actions" *ngIf="item.tail && vertical">
|
|
12334
|
-
<span class="k-icon k-i-
|
|
12334
|
+
<span class="k-icon k-i-caret-alt-up"></span>
|
|
12335
12335
|
</span>
|
|
12336
12336
|
|
|
12337
12337
|
<span class="k-event-bottom-actions" *ngIf="item.head && vertical">
|
|
12338
|
-
<span class="k-icon k-i-
|
|
12338
|
+
<span class="k-icon k-i-caret-alt-down"></span>
|
|
12339
12339
|
</span>
|
|
12340
12340
|
|
|
12341
12341
|
<ng-container *ngIf="resizable && vertical">
|
|
@@ -12355,9 +12355,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
12355
12355
|
selector: '[dayTimeViewItem]',
|
|
12356
12356
|
template: `
|
|
12357
12357
|
<span class="k-event-actions">
|
|
12358
|
-
<span class="k-icon k-i-
|
|
12359
|
-
<span class="k-icon k-i-
|
|
12360
|
-
<span class="k-icon k-i-
|
|
12358
|
+
<span class="k-icon k-i-caret-alt-left" *ngIf="item.tail && !vertical"></span>
|
|
12359
|
+
<span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
|
|
12360
|
+
<span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
|
|
12361
12361
|
</span>
|
|
12362
12362
|
<ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
|
|
12363
12363
|
[ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
|
|
@@ -12369,17 +12369,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
12369
12369
|
|
|
12370
12370
|
<span class="k-event-actions">
|
|
12371
12371
|
<span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
12372
|
-
<span class="k-icon k-i-
|
|
12372
|
+
<span class="k-icon k-i-x"></span>
|
|
12373
12373
|
</span>
|
|
12374
|
-
<span class="k-icon k-i-
|
|
12374
|
+
<span class="k-icon k-i-caret-alt-right" *ngIf="item.head && !vertical"></span>
|
|
12375
12375
|
</span>
|
|
12376
12376
|
|
|
12377
12377
|
<span class="k-event-top-actions" *ngIf="item.tail && vertical">
|
|
12378
|
-
<span class="k-icon k-i-
|
|
12378
|
+
<span class="k-icon k-i-caret-alt-up"></span>
|
|
12379
12379
|
</span>
|
|
12380
12380
|
|
|
12381
12381
|
<span class="k-event-bottom-actions" *ngIf="item.head && vertical">
|
|
12382
|
-
<span class="k-icon k-i-
|
|
12382
|
+
<span class="k-icon k-i-caret-alt-down"></span>
|
|
12383
12383
|
</span>
|
|
12384
12384
|
|
|
12385
12385
|
<ng-container *ngIf="resizable && vertical">
|
|
@@ -13145,7 +13145,7 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
13145
13145
|
[start]="slot.start"
|
|
13146
13146
|
[end]="slot.end"
|
|
13147
13147
|
[id]="{ resourceIndex: resourceIndex, rangeIndex: 0, index: index }"
|
|
13148
|
-
[class.k-
|
|
13148
|
+
[class.k-selected]="isSlotSelected({
|
|
13149
13149
|
start: toPlainDate(slot.start),
|
|
13150
13150
|
end: toPlainDate(slot.end),
|
|
13151
13151
|
isAllDay: true,
|
|
@@ -13247,7 +13247,7 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
13247
13247
|
daySlot
|
|
13248
13248
|
[start]="slot.start"
|
|
13249
13249
|
[end]="slot.end"
|
|
13250
|
-
[class.k-
|
|
13250
|
+
[class.k-selected]="isSlotSelected({
|
|
13251
13251
|
start: toPlainDate(slot.start),
|
|
13252
13252
|
end: toPlainDate(slot.end),
|
|
13253
13253
|
isAllDay: true,
|
|
@@ -13271,7 +13271,7 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
13271
13271
|
[workWeekStart]="workWeekStart"
|
|
13272
13272
|
[workWeekEnd]="workWeekEnd"
|
|
13273
13273
|
[id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
|
|
13274
|
-
[class.k-
|
|
13274
|
+
[class.k-selected]="isSlotSelected({
|
|
13275
13275
|
start: toPlainDateTime(daySlot.start, slot.start),
|
|
13276
13276
|
end: toPlainDateTime(daySlot.start, slot.end),
|
|
13277
13277
|
isAllDay: false,
|
|
@@ -13405,7 +13405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
13405
13405
|
[start]="slot.start"
|
|
13406
13406
|
[end]="slot.end"
|
|
13407
13407
|
[id]="{ resourceIndex: resourceIndex, rangeIndex: 0, index: index }"
|
|
13408
|
-
[class.k-
|
|
13408
|
+
[class.k-selected]="isSlotSelected({
|
|
13409
13409
|
start: toPlainDate(slot.start),
|
|
13410
13410
|
end: toPlainDate(slot.end),
|
|
13411
13411
|
isAllDay: true,
|
|
@@ -13507,7 +13507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
13507
13507
|
daySlot
|
|
13508
13508
|
[start]="slot.start"
|
|
13509
13509
|
[end]="slot.end"
|
|
13510
|
-
[class.k-
|
|
13510
|
+
[class.k-selected]="isSlotSelected({
|
|
13511
13511
|
start: toPlainDate(slot.start),
|
|
13512
13512
|
end: toPlainDate(slot.end),
|
|
13513
13513
|
isAllDay: true,
|
|
@@ -13531,7 +13531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
13531
13531
|
[workWeekStart]="workWeekStart"
|
|
13532
13532
|
[workWeekEnd]="workWeekEnd"
|
|
13533
13533
|
[id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
|
|
13534
|
-
[class.k-
|
|
13534
|
+
[class.k-selected]="isSlotSelected({
|
|
13535
13535
|
start: toPlainDateTime(daySlot.start, slot.start),
|
|
13536
13536
|
end: toPlainDateTime(daySlot.start, slot.end),
|
|
13537
13537
|
isAllDay: false,
|
|
@@ -14551,7 +14551,7 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
14551
14551
|
[workWeekEnd]="workWeekEnd"
|
|
14552
14552
|
selectableSlot
|
|
14553
14553
|
[id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
|
|
14554
|
-
[class.k-
|
|
14554
|
+
[class.k-selected]="isSlotSelected({
|
|
14555
14555
|
start: toPlainDateTime(daySlot.start, slot.start),
|
|
14556
14556
|
end: toPlainDateTime(daySlot.start, slot.end),
|
|
14557
14557
|
isAllDay: false,
|
|
@@ -14719,7 +14719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
14719
14719
|
[workWeekEnd]="workWeekEnd"
|
|
14720
14720
|
selectableSlot
|
|
14721
14721
|
[id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
|
|
14722
|
-
[class.k-
|
|
14722
|
+
[class.k-selected]="isSlotSelected({
|
|
14723
14723
|
start: toPlainDateTime(daySlot.start, slot.start),
|
|
14724
14724
|
end: toPlainDateTime(daySlot.start, slot.end),
|
|
14725
14725
|
isAllDay: false,
|
package/package.json
CHANGED
package/scheduler.component.d.ts
CHANGED
|
@@ -347,7 +347,7 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
347
347
|
eventStyles: (args: EventStyleArgs) => any;
|
|
348
348
|
/**
|
|
349
349
|
* A callback that executes for each slot of the Scheduler view.
|
|
350
|
-
* If it returns `true`, the `k-
|
|
350
|
+
* If it returns `true`, the `k-selected` CSS class will be added to the cell, making it visibly selected.
|
|
351
351
|
*/
|
|
352
352
|
isSlotSelected: (args: IsSlotSelectedArgs) => boolean;
|
|
353
353
|
/**
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @hidden
|
|
7
7
|
*
|
|
8
8
|
* A callback that executes for each visible slot of the Scheduler component.
|
|
9
|
-
* If it returns `true`, the `k-
|
|
9
|
+
* If it returns `true`, the `k-selected` CSS class will be added to the cell, making it visibly selected.
|
|
10
10
|
*/
|
|
11
11
|
export declare type SlotSelectionCallback = (args: IsSlotSelectedArgs) => boolean;
|
|
12
12
|
/**
|