@progress/kendo-angular-scheduler 21.1.1-develop.2 → 21.2.0-develop.1
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/esm2022/editing/date-time-picker.component.mjs +59 -56
- package/esm2022/editing/edit-dialog.component.mjs +373 -359
- package/esm2022/editing/recurrence/recurrence-editor.component.mjs +262 -253
- package/esm2022/editing/recurrence/recurrence-frequency-editor.component.mjs +44 -41
- package/esm2022/editing/recurrence/recurrence-monthly-yearly-editor.component.mjs +190 -193
- package/esm2022/editing/recurrence/recurrence-weekday-rule-editor.component.mjs +44 -43
- package/esm2022/editing/resource-multiple-editor.component.mjs +49 -41
- package/esm2022/editing/resource-single-editor.component.mjs +35 -31
- package/esm2022/editing/timezone-editor.component.mjs +20 -17
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pdf/pdf-command.directive.mjs +27 -17
- package/esm2022/scheduler.component.mjs +631 -625
- package/esm2022/toolbar/toolbar.component.mjs +37 -37
- package/esm2022/toolbar/view-selector.component.mjs +42 -33
- package/esm2022/views/agenda/agenda-header-item.component.mjs +23 -19
- package/esm2022/views/agenda/agenda-header.component.mjs +28 -26
- package/esm2022/views/agenda/agenda-task-item.component.mjs +49 -29
- package/esm2022/views/agenda/agenda-view-list.component.mjs +117 -95
- package/esm2022/views/common/resize-hint.component.mjs +16 -9
- package/esm2022/views/common/view-footer.component.mjs +27 -25
- package/esm2022/views/day-time/day-time-view-item.component.mjs +125 -85
- package/esm2022/views/month/month-slot.component.mjs +39 -29
- package/esm2022/views/month/month-view-item.component.mjs +81 -61
- package/esm2022/views/month/month-view-renderer.component.mjs +349 -281
- package/esm2022/views/multi-day/day-view.component.mjs +72 -69
- package/esm2022/views/multi-day/multi-day-view-renderer.component.mjs +665 -515
- package/esm2022/views/multi-day/multi-day-view.component.mjs +76 -73
- package/esm2022/views/multi-day/week-view.component.mjs +78 -75
- package/esm2022/views/multi-day/work-week-view.component.mjs +80 -77
- package/esm2022/views/timeline/timeline-month-view.component.mjs +74 -71
- package/esm2022/views/timeline/timeline-multi-day-view.component.mjs +449 -359
- package/esm2022/views/timeline/timeline-view.component.mjs +68 -65
- package/esm2022/views/timeline/timeline-week-view.component.mjs +74 -71
- package/esm2022/views/year/year-view-internal.component.mjs +151 -131
- package/fesm2022/progress-kendo-angular-scheduler.mjs +4448 -3889
- package/package.json +15 -15
- package/schematics/ngAdd/index.js +3 -3
|
@@ -11,7 +11,7 @@ import { FocusService } from '../../navigation';
|
|
|
11
11
|
import { DayTimeSlotService } from '../day-time/day-time-slot.service';
|
|
12
12
|
import { BaseViewItem } from '../view-items/base-view-item';
|
|
13
13
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
14
|
-
import {
|
|
14
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
15
15
|
import * as i0 from "@angular/core";
|
|
16
16
|
import * as i1 from "../day-time/day-time-slot.service";
|
|
17
17
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
@@ -40,65 +40,85 @@ export class DayTimeViewItemComponent extends BaseViewItem {
|
|
|
40
40
|
this.intlService = intlService;
|
|
41
41
|
}
|
|
42
42
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayTimeViewItemComponent, deps: [{ token: i1.DayTimeSlotService }, { token: i2.LocalizationService }, { token: i3.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
43
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DayTimeViewItemComponent, isStandalone: true, selector: "[dayTimeViewItem]", inputs: { vertical: "vertical", isAllDay: "isAllDay", name: "name" }, usesInheritance: true, ngImport: i0, template: `
|
|
44
44
|
<span class="k-event-actions">
|
|
45
|
+
@if (item.tail && !vertical) {
|
|
45
46
|
<kendo-icon-wrapper
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
>
|
|
47
|
+
[name]="arrowIcons[0]"
|
|
48
|
+
[svgIcon]="arrowSVGIcons[0]"
|
|
49
|
+
>
|
|
50
50
|
</kendo-icon-wrapper>
|
|
51
|
+
}
|
|
52
|
+
@if (isRecurrence) {
|
|
51
53
|
<kendo-icon-wrapper
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
>
|
|
54
|
+
name="arrow-rotate-cw"
|
|
55
|
+
[svgIcon]="arrowRotateCwIcon"
|
|
56
|
+
>
|
|
56
57
|
</kendo-icon-wrapper>
|
|
58
|
+
}
|
|
59
|
+
@if (isRecurrenceException) {
|
|
57
60
|
<kendo-icon-wrapper
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
>
|
|
61
|
+
name="arrows-no-repeat"
|
|
62
|
+
[svgIcon]="arrowsNoRepeatIcon"
|
|
63
|
+
>
|
|
62
64
|
</kendo-icon-wrapper>
|
|
65
|
+
}
|
|
63
66
|
</span>
|
|
64
|
-
|
|
67
|
+
@if (eventTemplate) {
|
|
68
|
+
<ng-container [ngTemplateOutlet]="eventTemplate"
|
|
65
69
|
[ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
70
|
+
</ng-container>
|
|
71
|
+
}
|
|
72
|
+
@if (!eventTemplate) {
|
|
73
|
+
<div [attr.title]="eventTitle">
|
|
74
|
+
@if (!isAllDay) {
|
|
75
|
+
<div class="k-event-template k-event-time">{{ eventTime }}</div>
|
|
76
|
+
}
|
|
69
77
|
<div class="k-event-template" aria-hidden="true">{{ item.event.title }}</div>
|
|
70
|
-
|
|
71
|
-
|
|
78
|
+
</div>
|
|
79
|
+
}
|
|
80
|
+
|
|
72
81
|
<span class="k-event-actions">
|
|
73
|
-
|
|
74
|
-
|
|
82
|
+
@if (removable) {
|
|
83
|
+
<span class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
84
|
+
<kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
|
|
75
85
|
</span>
|
|
86
|
+
}
|
|
87
|
+
@if (item.head && !vertical) {
|
|
76
88
|
<kendo-icon-wrapper
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
>
|
|
89
|
+
[name]="arrowIcons[1]"
|
|
90
|
+
[svgIcon]="arrowSVGIcons[1]"
|
|
91
|
+
>
|
|
81
92
|
</kendo-icon-wrapper>
|
|
93
|
+
}
|
|
82
94
|
</span>
|
|
83
|
-
|
|
84
|
-
|
|
95
|
+
|
|
96
|
+
@if (item.tail && vertical) {
|
|
97
|
+
<span class="k-event-top-actions">
|
|
85
98
|
<kendo-icon-wrapper name="caret-alt-up" [svgIcon]="caretAltUpIcon"></kendo-icon-wrapper>
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
99
|
+
</span>
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
@if (item.head && vertical) {
|
|
103
|
+
<span class="k-event-bottom-actions">
|
|
89
104
|
<kendo-icon-wrapper name="caret-alt-down" [svgIcon]="caretAltDownIcon"></kendo-icon-wrapper>
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
<span class="k-resize-handle k-resize-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
105
|
+
</span>
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
@if (resizable && vertical) {
|
|
109
|
+
@if (!item.tail) {
|
|
110
|
+
<span class="k-resize-handle k-resize-n"></span>
|
|
111
|
+
}
|
|
112
|
+
@if (!item.head) {
|
|
113
|
+
<span class="k-resize-handle k-resize-s"></span>
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
@if (resizable && !vertical && !(isAllDay && name === 'day')) {
|
|
118
|
+
<span class="k-resize-handle k-resize-w"></span>
|
|
119
|
+
<span class="k-resize-handle k-resize-e"></span>
|
|
120
|
+
}
|
|
121
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
102
122
|
}
|
|
103
123
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayTimeViewItemComponent, decorators: [{
|
|
104
124
|
type: Component,
|
|
@@ -107,65 +127,85 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
107
127
|
selector: '[dayTimeViewItem]',
|
|
108
128
|
template: `
|
|
109
129
|
<span class="k-event-actions">
|
|
130
|
+
@if (item.tail && !vertical) {
|
|
110
131
|
<kendo-icon-wrapper
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
>
|
|
132
|
+
[name]="arrowIcons[0]"
|
|
133
|
+
[svgIcon]="arrowSVGIcons[0]"
|
|
134
|
+
>
|
|
115
135
|
</kendo-icon-wrapper>
|
|
136
|
+
}
|
|
137
|
+
@if (isRecurrence) {
|
|
116
138
|
<kendo-icon-wrapper
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
>
|
|
139
|
+
name="arrow-rotate-cw"
|
|
140
|
+
[svgIcon]="arrowRotateCwIcon"
|
|
141
|
+
>
|
|
121
142
|
</kendo-icon-wrapper>
|
|
143
|
+
}
|
|
144
|
+
@if (isRecurrenceException) {
|
|
122
145
|
<kendo-icon-wrapper
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
>
|
|
146
|
+
name="arrows-no-repeat"
|
|
147
|
+
[svgIcon]="arrowsNoRepeatIcon"
|
|
148
|
+
>
|
|
127
149
|
</kendo-icon-wrapper>
|
|
150
|
+
}
|
|
128
151
|
</span>
|
|
129
|
-
|
|
152
|
+
@if (eventTemplate) {
|
|
153
|
+
<ng-container [ngTemplateOutlet]="eventTemplate"
|
|
130
154
|
[ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
155
|
+
</ng-container>
|
|
156
|
+
}
|
|
157
|
+
@if (!eventTemplate) {
|
|
158
|
+
<div [attr.title]="eventTitle">
|
|
159
|
+
@if (!isAllDay) {
|
|
160
|
+
<div class="k-event-template k-event-time">{{ eventTime }}</div>
|
|
161
|
+
}
|
|
134
162
|
<div class="k-event-template" aria-hidden="true">{{ item.event.title }}</div>
|
|
135
|
-
|
|
136
|
-
|
|
163
|
+
</div>
|
|
164
|
+
}
|
|
165
|
+
|
|
137
166
|
<span class="k-event-actions">
|
|
138
|
-
|
|
139
|
-
|
|
167
|
+
@if (removable) {
|
|
168
|
+
<span class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
169
|
+
<kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
|
|
140
170
|
</span>
|
|
171
|
+
}
|
|
172
|
+
@if (item.head && !vertical) {
|
|
141
173
|
<kendo-icon-wrapper
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
>
|
|
174
|
+
[name]="arrowIcons[1]"
|
|
175
|
+
[svgIcon]="arrowSVGIcons[1]"
|
|
176
|
+
>
|
|
146
177
|
</kendo-icon-wrapper>
|
|
178
|
+
}
|
|
147
179
|
</span>
|
|
148
|
-
|
|
149
|
-
|
|
180
|
+
|
|
181
|
+
@if (item.tail && vertical) {
|
|
182
|
+
<span class="k-event-top-actions">
|
|
150
183
|
<kendo-icon-wrapper name="caret-alt-up" [svgIcon]="caretAltUpIcon"></kendo-icon-wrapper>
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
184
|
+
</span>
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
@if (item.head && vertical) {
|
|
188
|
+
<span class="k-event-bottom-actions">
|
|
154
189
|
<kendo-icon-wrapper name="caret-alt-down" [svgIcon]="caretAltDownIcon"></kendo-icon-wrapper>
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
<span class="k-resize-handle k-resize-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
190
|
+
</span>
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
@if (resizable && vertical) {
|
|
194
|
+
@if (!item.tail) {
|
|
195
|
+
<span class="k-resize-handle k-resize-n"></span>
|
|
196
|
+
}
|
|
197
|
+
@if (!item.head) {
|
|
198
|
+
<span class="k-resize-handle k-resize-s"></span>
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
@if (resizable && !vertical && !(isAllDay && name === 'day')) {
|
|
203
|
+
<span class="k-resize-handle k-resize-w"></span>
|
|
204
|
+
<span class="k-resize-handle k-resize-e"></span>
|
|
205
|
+
}
|
|
206
|
+
`,
|
|
167
207
|
standalone: true,
|
|
168
|
-
imports: [
|
|
208
|
+
imports: [IconWrapperComponent, NgTemplateOutlet]
|
|
169
209
|
}]
|
|
170
210
|
}], ctorParameters: () => [{ type: i1.DayTimeSlotService }, { type: i2.LocalizationService }, { type: i3.FocusService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i4.IntlService }], propDecorators: { vertical: [{
|
|
171
211
|
type: Input
|
|
@@ -12,7 +12,7 @@ import { firstDayOfMonth, isEqualDate } from '@progress/kendo-date-math';
|
|
|
12
12
|
import { moreHorizontalIcon } from '@progress/kendo-svg-icons';
|
|
13
13
|
import { DatePipe } from '@progress/kendo-angular-intl';
|
|
14
14
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
15
|
-
import {
|
|
15
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
16
16
|
import * as i0 from "@angular/core";
|
|
17
17
|
import * as i1 from "./month-slot.service";
|
|
18
18
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
@@ -93,25 +93,30 @@ export class MonthSlotComponent extends BaseSlotDirective {
|
|
|
93
93
|
this.cdr.detectChanges();
|
|
94
94
|
}
|
|
95
95
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MonthSlotComponent, deps: [{ token: i0.ElementRef }, { token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
96
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
97
|
-
|
|
96
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MonthSlotComponent, isStandalone: true, selector: "[monthSlot]", inputs: { resourcesByIndex: "resourcesByIndex", monthDaySlotTemplateRef: "monthDaySlotTemplateRef", eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", day: ["monthSlot", "day"] }, usesInheritance: true, ngImport: i0, template: `
|
|
97
|
+
@if (!monthDaySlotTemplateRef) {
|
|
98
|
+
<span aria-hidden="true" class="k-link k-nav-day">
|
|
98
99
|
{{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
</span>
|
|
101
|
+
}
|
|
102
|
+
@if (monthDaySlotTemplateRef) {
|
|
103
|
+
<ng-container
|
|
102
104
|
[ngTemplateOutlet]="monthDaySlotTemplateRef"
|
|
103
105
|
[ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex }"
|
|
104
|
-
>
|
|
105
|
-
</ng-container>
|
|
106
|
-
|
|
107
|
-
<div *ngIf="showMoreButton" class="k-more-events k-button" [style]="style">
|
|
108
|
-
<kendo-icon-wrapper
|
|
109
|
-
name="more-horizontal"
|
|
110
|
-
[svgIcon]="moreHorizontalIcon"
|
|
111
106
|
>
|
|
107
|
+
</ng-container>
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@if (showMoreButton) {
|
|
111
|
+
<div class="k-more-events k-button" [style]="style">
|
|
112
|
+
<kendo-icon-wrapper
|
|
113
|
+
name="more-horizontal"
|
|
114
|
+
[svgIcon]="moreHorizontalIcon"
|
|
115
|
+
>
|
|
112
116
|
</kendo-icon-wrapper>
|
|
113
|
-
|
|
114
|
-
|
|
117
|
+
</div>
|
|
118
|
+
}
|
|
119
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }] });
|
|
115
120
|
}
|
|
116
121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MonthSlotComponent, decorators: [{
|
|
117
122
|
type: Component,
|
|
@@ -119,26 +124,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
119
124
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
120
125
|
selector: '[monthSlot]',
|
|
121
126
|
template: `
|
|
122
|
-
|
|
127
|
+
@if (!monthDaySlotTemplateRef) {
|
|
128
|
+
<span aria-hidden="true" class="k-link k-nav-day">
|
|
123
129
|
{{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
130
|
+
</span>
|
|
131
|
+
}
|
|
132
|
+
@if (monthDaySlotTemplateRef) {
|
|
133
|
+
<ng-container
|
|
127
134
|
[ngTemplateOutlet]="monthDaySlotTemplateRef"
|
|
128
135
|
[ngTemplateOutletContext]="{ date: day, resources: resourcesByIndex }"
|
|
129
|
-
>
|
|
130
|
-
</ng-container>
|
|
131
|
-
|
|
132
|
-
<div *ngIf="showMoreButton" class="k-more-events k-button" [style]="style">
|
|
133
|
-
<kendo-icon-wrapper
|
|
134
|
-
name="more-horizontal"
|
|
135
|
-
[svgIcon]="moreHorizontalIcon"
|
|
136
136
|
>
|
|
137
|
+
</ng-container>
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
@if (showMoreButton) {
|
|
141
|
+
<div class="k-more-events k-button" [style]="style">
|
|
142
|
+
<kendo-icon-wrapper
|
|
143
|
+
name="more-horizontal"
|
|
144
|
+
[svgIcon]="moreHorizontalIcon"
|
|
145
|
+
>
|
|
137
146
|
</kendo-icon-wrapper>
|
|
138
|
-
|
|
139
|
-
|
|
147
|
+
</div>
|
|
148
|
+
}
|
|
149
|
+
`,
|
|
140
150
|
standalone: true,
|
|
141
|
-
imports: [
|
|
151
|
+
imports: [NgTemplateOutlet, IconWrapperComponent, DatePipe]
|
|
142
152
|
}]
|
|
143
153
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.MonthSlotService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }], propDecorators: { resourcesByIndex: [{
|
|
144
154
|
type: Input
|
|
@@ -9,7 +9,7 @@ import { BaseViewItem } from '../view-items/base-view-item';
|
|
|
9
9
|
import { FocusService } from '../../navigation';
|
|
10
10
|
import { arrowRotateCwIcon, arrowsNoRepeatIcon, caretAltLeftIcon, caretAltRightIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
11
11
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
12
|
-
import {
|
|
12
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
13
13
|
import { IntlService } from '@progress/kendo-angular-intl';
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
15
|
import * as i1 from "./month-slot.service";
|
|
@@ -39,51 +39,61 @@ export class MonthViewItemComponent extends BaseViewItem {
|
|
|
39
39
|
super.reflow();
|
|
40
40
|
}
|
|
41
41
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MonthViewItemComponent, deps: [{ token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i3.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
42
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MonthViewItemComponent, isStandalone: true, selector: "[monthViewItem]", usesInheritance: true, ngImport: i0, template: `
|
|
43
43
|
<span class="k-event-actions">
|
|
44
|
+
@if (item.tail) {
|
|
44
45
|
<kendo-icon-wrapper
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
>
|
|
46
|
+
[name]="arrowIcons[0]"
|
|
47
|
+
[svgIcon]="arrowSVGIcons[0]"
|
|
48
|
+
>
|
|
49
49
|
</kendo-icon-wrapper>
|
|
50
|
+
}
|
|
51
|
+
@if (isRecurrence) {
|
|
50
52
|
<kendo-icon-wrapper
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
>
|
|
53
|
+
name="arrow-rotate-cw"
|
|
54
|
+
[svgIcon]="arrowRotateCwIcon"
|
|
55
|
+
>
|
|
55
56
|
</kendo-icon-wrapper>
|
|
57
|
+
}
|
|
58
|
+
@if (isRecurrenceException) {
|
|
56
59
|
<kendo-icon-wrapper
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
>
|
|
60
|
+
name="arrows-no-repeat"
|
|
61
|
+
[svgIcon]="arrowsNoRepeatIcon"
|
|
62
|
+
>
|
|
61
63
|
</kendo-icon-wrapper>
|
|
64
|
+
}
|
|
62
65
|
</span>
|
|
63
|
-
|
|
66
|
+
@if (eventTemplate) {
|
|
67
|
+
<ng-container [ngTemplateOutlet]="eventTemplate"
|
|
64
68
|
[ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
|
|
65
|
-
|
|
66
|
-
|
|
69
|
+
</ng-container>
|
|
70
|
+
}
|
|
71
|
+
@if (!eventTemplate) {
|
|
72
|
+
<div [attr.title]="eventTitle">
|
|
67
73
|
<div class="k-event-template">{{ item.event.title }}</div>
|
|
68
|
-
|
|
69
|
-
|
|
74
|
+
</div>
|
|
75
|
+
}
|
|
76
|
+
|
|
70
77
|
<span class="k-event-actions">
|
|
71
|
-
|
|
72
|
-
|
|
78
|
+
@if (removable) {
|
|
79
|
+
<span class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
80
|
+
<kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
|
|
73
81
|
</span>
|
|
82
|
+
}
|
|
83
|
+
@if (item.head) {
|
|
74
84
|
<kendo-icon-wrapper
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
>
|
|
85
|
+
[name]="arrowIcons[1]"
|
|
86
|
+
[svgIcon]="arrowSVGIcons[1]"
|
|
87
|
+
>
|
|
79
88
|
</kendo-icon-wrapper>
|
|
89
|
+
}
|
|
80
90
|
</span>
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
91
|
+
|
|
92
|
+
@if (resizable) {
|
|
93
|
+
<span class="k-resize-handle k-resize-w"></span>
|
|
94
|
+
<span class="k-resize-handle k-resize-e"></span>
|
|
95
|
+
}
|
|
96
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
87
97
|
}
|
|
88
98
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MonthViewItemComponent, decorators: [{
|
|
89
99
|
type: Component,
|
|
@@ -92,50 +102,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
92
102
|
selector: '[monthViewItem]',
|
|
93
103
|
template: `
|
|
94
104
|
<span class="k-event-actions">
|
|
105
|
+
@if (item.tail) {
|
|
95
106
|
<kendo-icon-wrapper
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
>
|
|
107
|
+
[name]="arrowIcons[0]"
|
|
108
|
+
[svgIcon]="arrowSVGIcons[0]"
|
|
109
|
+
>
|
|
100
110
|
</kendo-icon-wrapper>
|
|
111
|
+
}
|
|
112
|
+
@if (isRecurrence) {
|
|
101
113
|
<kendo-icon-wrapper
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
>
|
|
114
|
+
name="arrow-rotate-cw"
|
|
115
|
+
[svgIcon]="arrowRotateCwIcon"
|
|
116
|
+
>
|
|
106
117
|
</kendo-icon-wrapper>
|
|
118
|
+
}
|
|
119
|
+
@if (isRecurrenceException) {
|
|
107
120
|
<kendo-icon-wrapper
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
>
|
|
121
|
+
name="arrows-no-repeat"
|
|
122
|
+
[svgIcon]="arrowsNoRepeatIcon"
|
|
123
|
+
>
|
|
112
124
|
</kendo-icon-wrapper>
|
|
125
|
+
}
|
|
113
126
|
</span>
|
|
114
|
-
|
|
127
|
+
@if (eventTemplate) {
|
|
128
|
+
<ng-container [ngTemplateOutlet]="eventTemplate"
|
|
115
129
|
[ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
|
|
116
|
-
|
|
117
|
-
|
|
130
|
+
</ng-container>
|
|
131
|
+
}
|
|
132
|
+
@if (!eventTemplate) {
|
|
133
|
+
<div [attr.title]="eventTitle">
|
|
118
134
|
<div class="k-event-template">{{ item.event.title }}</div>
|
|
119
|
-
|
|
120
|
-
|
|
135
|
+
</div>
|
|
136
|
+
}
|
|
137
|
+
|
|
121
138
|
<span class="k-event-actions">
|
|
122
|
-
|
|
123
|
-
|
|
139
|
+
@if (removable) {
|
|
140
|
+
<span class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
|
|
141
|
+
<kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
|
|
124
142
|
</span>
|
|
143
|
+
}
|
|
144
|
+
@if (item.head) {
|
|
125
145
|
<kendo-icon-wrapper
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
>
|
|
146
|
+
[name]="arrowIcons[1]"
|
|
147
|
+
[svgIcon]="arrowSVGIcons[1]"
|
|
148
|
+
>
|
|
130
149
|
</kendo-icon-wrapper>
|
|
150
|
+
}
|
|
131
151
|
</span>
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
152
|
+
|
|
153
|
+
@if (resizable) {
|
|
154
|
+
<span class="k-resize-handle k-resize-w"></span>
|
|
155
|
+
<span class="k-resize-handle k-resize-e"></span>
|
|
156
|
+
}
|
|
157
|
+
`,
|
|
138
158
|
standalone: true,
|
|
139
|
-
imports: [
|
|
159
|
+
imports: [IconWrapperComponent, NgTemplateOutlet]
|
|
140
160
|
}]
|
|
141
161
|
}], ctorParameters: () => [{ type: i1.MonthSlotService }, { type: i2.LocalizationService }, { type: i3.FocusService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i4.IntlService }] });
|