@progress/kendo-angular-scheduler 4.0.0 → 4.1.0-dev.202205110813

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.
Files changed (11) hide show
  1. package/bundles/kendo-angular-scheduler.umd.js +1 -1
  2. package/esm2015/editing/edit-dialog.component.js +175 -161
  3. package/esm2015/editing/recurrence/recurrence-editor.component.js +36 -40
  4. package/esm2015/editing/recurrence/recurrence-end-rule-editor.component.js +14 -16
  5. package/esm2015/editing/recurrence/recurrence-frequency-editor.component.js +26 -24
  6. package/esm2015/editing/recurrence/recurrence-interval-editor.component.js +44 -44
  7. package/esm2015/editing/recurrence/recurrence-monthly-yearly-editor.component.js +12 -14
  8. package/esm2015/editing/recurrence/recurrence-weekday-rule-editor.component.js +26 -24
  9. package/esm2015/package-metadata.js +1 -1
  10. package/fesm2015/kendo-angular-scheduler.js +340 -330
  11. package/package.json +1 -1
package/esm2015/editing/recurrence/recurrence-frequency-editor.component.js CHANGED
@@ -40,18 +40,19 @@ export class RecurrenceFrequencyEditorComponent {
40
40
  }
41
41
  RecurrenceFrequencyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceFrequencyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
42
42
  RecurrenceFrequencyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceFrequencyEditorComponent, selector: "kendo-recurrence-frequency-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
43
- <div class='k-edit-label'>
44
- <label (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
45
- </div>
46
- <div class='k-edit-field'>
47
- <kendo-buttongroup [selection]="'single'">
48
- <button *ngFor='let freq of frequencies' kendoButton
49
- [style.width.px]="100"
50
- [togglable]="true"
51
- [selected]="freq.value === selected"
52
- (click)="onClick(freq)"
53
- >{{ freq.text }}</button>
54
- </kendo-buttongroup>
43
+ <div class='k-form-field'>
44
+ <label class="k-form-label" (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
45
+
46
+ <div class='k-form-field-wrap'>
47
+ <kendo-buttongroup [selection]="'single'">
48
+ <button *ngFor='let freq of frequencies' kendoButton
49
+ [style.width.px]="100"
50
+ [togglable]="true"
51
+ [selected]="freq.value === selected"
52
+ (click)="onClick(freq)"
53
+ >{{ freq.text }}</button>
54
+ </kendo-buttongroup>
55
+ </div>
55
56
  </div>
56
57
  `, isInline: true, components: [{ type: i3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
57
58
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceFrequencyEditorComponent, decorators: [{
@@ -59,18 +60,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
59
60
  args: [{
60
61
  selector: 'kendo-recurrence-frequency-editor',
61
62
  template: `
62
- <div class='k-edit-label'>
63
- <label (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
64
- </div>
65
- <div class='k-edit-field'>
66
- <kendo-buttongroup [selection]="'single'">
67
- <button *ngFor='let freq of frequencies' kendoButton
68
- [style.width.px]="100"
69
- [togglable]="true"
70
- [selected]="freq.value === selected"
71
- (click)="onClick(freq)"
72
- >{{ freq.text }}</button>
73
- </kendo-buttongroup>
63
+ <div class='k-form-field'>
64
+ <label class="k-form-label" (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
65
+
66
+ <div class='k-form-field-wrap'>
67
+ <kendo-buttongroup [selection]="'single'">
68
+ <button *ngFor='let freq of frequencies' kendoButton
69
+ [style.width.px]="100"
70
+ [togglable]="true"
71
+ [selected]="freq.value === selected"
72
+ (click)="onClick(freq)"
73
+ >{{ freq.text }}</button>
74
+ </kendo-buttongroup>
75
+ </div>
74
76
  </div>
75
77
  `
76
78
  }]
package/esm2015/editing/recurrence/recurrence-interval-editor.component.js CHANGED
@@ -76,30 +76,30 @@ export class RecurrenceIntervalEditorComponent {
76
76
  }
77
77
  RecurrenceIntervalEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceIntervalEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
78
78
  RecurrenceIntervalEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceIntervalEditorComponent, selector: "kendo-recurrence-interval-editor", inputs: { userNumericOptions: "userNumericOptions" }, ngImport: i0, template: `
79
- <div class="k-edit-label">
80
- <label (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
81
- </div>
79
+ <div class='k-form-field'>
80
+ <label class="k-form-label" (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
82
81
 
83
- <div class="k-edit-field">
84
- <kendo-numerictextbox
85
- #intervalNumeric
86
- [style.width.px]="70"
87
- [min]="numericOptions.min"
88
- [max]="numericOptions.max"
89
- [decimals]="0"
90
- [format]="numericOptions.format"
91
- [autoCorrect]="numericOptions.autoCorrect"
92
- [readonly]="numericOptions.readonly"
93
- [selectOnFocus]="numericOptions.selectOnFocus"
94
- [spinners]="numericOptions.spinners"
95
- [step]="numericOptions.step"
96
- [title]="numericOptions.title"
97
- [(value)]="intervalValue"
98
- (blur)="onIntervalBlur()"
99
- (valueChange)="onIntervalChange($event)">
100
- </kendo-numerictextbox>
82
+ <div class="k-form-field-wrap">
83
+ <kendo-numerictextbox
84
+ #intervalNumeric
85
+ [style.width.px]="70"
86
+ [min]="numericOptions.min"
87
+ [max]="numericOptions.max"
88
+ [decimals]="0"
89
+ [format]="numericOptions.format"
90
+ [autoCorrect]="numericOptions.autoCorrect"
91
+ [readonly]="numericOptions.readonly"
92
+ [selectOnFocus]="numericOptions.selectOnFocus"
93
+ [spinners]="numericOptions.spinners"
94
+ [step]="numericOptions.step"
95
+ [title]="numericOptions.title"
96
+ [(value)]="intervalValue"
97
+ (blur)="onIntervalBlur()"
98
+ (valueChange)="onIntervalChange($event)">
99
+ </kendo-numerictextbox>
101
100
 
102
- <span>{{ textForFrequency() }}</span>
101
+ <span>{{ textForFrequency() }}</span>
102
+ </div>
103
103
  </div>
104
104
  `, isInline: true, components: [{ type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }] });
105
105
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceIntervalEditorComponent, decorators: [{
@@ -107,30 +107,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
107
107
  args: [{
108
108
  selector: 'kendo-recurrence-interval-editor',
109
109
  template: `
110
- <div class="k-edit-label">
111
- <label (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
112
- </div>
110
+ <div class='k-form-field'>
111
+ <label class="k-form-label" (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
113
112
 
114
- <div class="k-edit-field">
115
- <kendo-numerictextbox
116
- #intervalNumeric
117
- [style.width.px]="70"
118
- [min]="numericOptions.min"
119
- [max]="numericOptions.max"
120
- [decimals]="0"
121
- [format]="numericOptions.format"
122
- [autoCorrect]="numericOptions.autoCorrect"
123
- [readonly]="numericOptions.readonly"
124
- [selectOnFocus]="numericOptions.selectOnFocus"
125
- [spinners]="numericOptions.spinners"
126
- [step]="numericOptions.step"
127
- [title]="numericOptions.title"
128
- [(value)]="intervalValue"
129
- (blur)="onIntervalBlur()"
130
- (valueChange)="onIntervalChange($event)">
131
- </kendo-numerictextbox>
113
+ <div class="k-form-field-wrap">
114
+ <kendo-numerictextbox
115
+ #intervalNumeric
116
+ [style.width.px]="70"
117
+ [min]="numericOptions.min"
118
+ [max]="numericOptions.max"
119
+ [decimals]="0"
120
+ [format]="numericOptions.format"
121
+ [autoCorrect]="numericOptions.autoCorrect"
122
+ [readonly]="numericOptions.readonly"
123
+ [selectOnFocus]="numericOptions.selectOnFocus"
124
+ [spinners]="numericOptions.spinners"
125
+ [step]="numericOptions.step"
126
+ [title]="numericOptions.title"
127
+ [(value)]="intervalValue"
128
+ (blur)="onIntervalBlur()"
129
+ (valueChange)="onIntervalChange($event)">
130
+ </kendo-numerictextbox>
132
131
 
133
- <span>{{ textForFrequency() }}</span>
132
+ <span>{{ textForFrequency() }}</span>
133
+ </div>
134
134
  </div>
135
135
  `
136
136
  }]
package/esm2015/editing/recurrence/recurrence-monthly-yearly-editor.component.js CHANGED
@@ -234,12 +234,11 @@ export class RecurrenceMonthlyYearlyEditorComponent {
234
234
  }
235
235
  RecurrenceMonthlyYearlyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceMonthlyYearlyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
236
236
  RecurrenceMonthlyYearlyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceMonthlyYearlyEditorComponent, selector: "kendo-recurrence-monthly-yearly-editor", inputs: { userNumericOptions: "userNumericOptions" }, viewQueries: [{ propertyName: "repeatOnRadioButtons", predicate: RepeatOnRadioButtonDirective, descendants: true }], ngImport: i0, template: `
237
- <div class='k-edit-label'>
238
- <label (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
239
- </div>
240
- <div class='k-edit-field'>
241
- <ul class='k-reset' [style.width.px]='650'>
242
- <li>
237
+ <div class='k-form-field'>
238
+ <label class='k-form-label' (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
239
+
240
+ <ul class='k-form-field-wrap k-reset' [style.width.px]='650'>
241
+ <li class='k-radio-item'>
243
242
  <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />
244
243
 
245
244
  <label class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>
@@ -280,7 +279,7 @@ RecurrenceMonthlyYearlyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVe
280
279
  [style.margin]="'0 .4ex 0 1ex'">
281
280
  </kendo-numerictextbox>
282
281
  </li>
283
- <li>
282
+ <li class='k-radio-item'>
284
283
  <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />
285
284
  <label class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>
286
285
 
@@ -332,12 +331,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
332
331
  args: [{
333
332
  selector: 'kendo-recurrence-monthly-yearly-editor',
334
333
  template: `
335
- <div class='k-edit-label'>
336
- <label (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
337
- </div>
338
- <div class='k-edit-field'>
339
- <ul class='k-reset' [style.width.px]='650'>
340
- <li>
334
+ <div class='k-form-field'>
335
+ <label class='k-form-label' (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
336
+
337
+ <ul class='k-form-field-wrap k-reset' [style.width.px]='650'>
338
+ <li class='k-radio-item'>
341
339
  <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />
342
340
 
343
341
  <label class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>
@@ -378,7 +376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
378
376
  [style.margin]="'0 .4ex 0 1ex'">
379
377
  </kendo-numerictextbox>
380
378
  </li>
381
- <li>
379
+ <li class='k-radio-item'>
382
380
  <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />
383
381
  <label class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>
384
382
 
package/esm2015/editing/recurrence/recurrence-weekday-rule-editor.component.js CHANGED
@@ -65,18 +65,19 @@ export class RecurrenceWeekdayRuleEditorComponent {
65
65
  }
66
66
  RecurrenceWeekdayRuleEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
67
67
  RecurrenceWeekdayRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceWeekdayRuleEditorComponent, selector: "kendo-recurrence-weekday-rule-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
68
- <div class='k-edit-label'>
69
- <label (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
70
- </div>
71
- <div class='k-edit-field'>
72
- <kendo-buttongroup [selection]="'multiple'">
73
- <button *ngFor='let day of weekDays' kendoButton
74
- [style.width.px]="75"
75
- [toggleable]="true"
76
- [selected]="isSelected(day)"
77
- (selectedChange)="onSelectedChange($event, day.value)"
78
- >{{ capitalize(day.text) }}</button>
79
- </kendo-buttongroup>
68
+ <div class='k-form-field'>
69
+ <label class='k-form-label' (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
70
+
71
+ <div class='k-form-field-wrap'>
72
+ <kendo-buttongroup [selection]="'multiple'">
73
+ <button *ngFor='let day of weekDays' kendoButton
74
+ [style.width.px]="75"
75
+ [toggleable]="true"
76
+ [selected]="isSelected(day)"
77
+ (selectedChange)="onSelectedChange($event, day.value)"
78
+ >{{ capitalize(day.text) }}</button>
79
+ </kendo-buttongroup>
80
+ </div>
80
81
  </div>
81
82
  `, isInline: true, components: [{ type: i3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
82
83
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, decorators: [{
@@ -84,18 +85,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
84
85
  args: [{
85
86
  selector: 'kendo-recurrence-weekday-rule-editor',
86
87
  template: `
87
- <div class='k-edit-label'>
88
- <label (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
89
- </div>
90
- <div class='k-edit-field'>
91
- <kendo-buttongroup [selection]="'multiple'">
92
- <button *ngFor='let day of weekDays' kendoButton
93
- [style.width.px]="75"
94
- [toggleable]="true"
95
- [selected]="isSelected(day)"
96
- (selectedChange)="onSelectedChange($event, day.value)"
97
- >{{ capitalize(day.text) }}</button>
98
- </kendo-buttongroup>
88
+ <div class='k-form-field'>
89
+ <label class='k-form-label' (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
90
+
91
+ <div class='k-form-field-wrap'>
92
+ <kendo-buttongroup [selection]="'multiple'">
93
+ <button *ngFor='let day of weekDays' kendoButton
94
+ [style.width.px]="75"
95
+ [toggleable]="true"
96
+ [selected]="isSelected(day)"
97
+ (selectedChange)="onSelectedChange($event, day.value)"
98
+ >{{ capitalize(day.text) }}</button>
99
+ </kendo-buttongroup>
100
+ </div>
99
101
  </div>
100
102
  `
101
103
  }]
package/esm2015/package-metadata.js CHANGED
@@ -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: 1650441034,
12
+ publishDate: 1652256738,
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
  };