@progress/kendo-angular-scheduler 2.2.0-dev.202112171600 → 3.0.1

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1639756470,
+    publishDate: 1644230710,
     version: '',
     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'
 };

package/dist/es2015/scheduler.module.js

@@ -35,7 +35,7 @@ import { EditDialogComponent } from './editing/edit-dialog.component';
 import { ReactiveFormsModule } from '@angular/forms';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
-import { NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
+import { CheckBoxModule, NumericTextBoxModule, TextAreaModule, TextBoxModule } from '@progress/kendo-angular-inputs';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { SchedulerDateTimePickerComponent } from './editing/date-time-picker.component';
 import { RecurrenceEditorComponent } from './editing/recurrence/recurrence-editor.component';
@@ -108,6 +108,8 @@ const publicDirectives = [
 ];
 const importedKendoModules = [
     ButtonsModule,
+    CheckBoxModule,
+    TextAreaModule,
     DateInputsModule,
     DialogModule,
     NumericTextBoxModule,

package/dist/es2015/toolbar/view-selector.component.js

@@ -77,7 +77,7 @@ ToolbarViewSelectorComponent = tslib_1.__decorate([
         template: `
         <select *ngIf="ctx.views?.length > 1"
                 (change)="onChange($event)"
-                class="k-views-dropdown k-dropdown">
+                class="k-views-dropdown k-picker-md k-rounded-md k-picker-solid k-dropdownlist k-picker">
             <option *ngFor="let view of ctx.views"
                 [selected]="isSelected(view) == true"
                 [value]="view.name"

package/dist/es2015/views/common/base-view.js

@@ -282,7 +282,8 @@ export class BaseView {
                 this.pressTarget = task;
             }
         }
-        if (this.selectable) {
+        const notDraggingEvent = !this.pressTarget;
+        if (notDraggingEvent && this.selectable) {
             this.initDragSelect(args);
         }
         this.dragArgs = args;

package/dist/es2015/views/common/slot-selectable.directive.js

@@ -57,19 +57,19 @@ let SlotSelectableDirective = class SlotSelectableDirective {
         if (!start || !end || !this.selectedRange) {
             return false;
         }
-        const match = resourcesMatch(this.selectedRange.resources, resources, true);
+        const match = resourcesMatch(this.selectedRange.resources, resources);
         if (!match) {
             return false; // Limit selection to the grouped resource where the drag started.
         }
         return this.selectedRange && isAllDay === this.selectedRange.isAllDay && this.isInRange(start, end);
     }
-    initDragSelect({ start, end, isAllDay, resources, originalEvent }) {
+    initDragSelect({ start, end, isAllDay, resources }) {
         this.selectionOriginResources = resources.slice();
-        this.selectedRange = { start, end, isAllDay, resources: resources.slice(), originalEvent };
+        this.selectedRange = { start, end, isAllDay, resources: resources.slice() };
         this.cdr.markForCheck();
     }
     onDrag({ start, end, resources }) {
-        const match = resourcesMatch(this.selectionOriginResources, resources, false); // Not strict - allow matching [ undefined ] and [ undefined ]
+        const match = resourcesMatch(this.selectionOriginResources, resources);
         if (!match) {
             return; // Don't change selection when dragging over a different grouped resource's cells.
         }

package/dist/es2015/views/common/view-footer.component.js

@@ -47,7 +47,7 @@ ViewFooterComponent = tslib_1.__decorate([
         // tslint:disable-next-line:component-selector
         selector: '[viewFooter]',
         template: `
-        <button type="button" class="k-button" *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
+        <button type="button" kendoButton *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
             <span class="k-button-icon k-icon" [ngClass]="item.iconClass"></span>
             <span class="k-button-text">{{ item.text }}</span>
         </button>

package/dist/es2015/views/common/views-shared.module.js

@@ -13,6 +13,7 @@ import { ResourceIteratorPipe } from './resource-iterator.pipe';
 import { HintContainerComponent } from './hint-container.component';
 import { ResizeHintComponent } from './resize-hint.component';
 import { SharedModule } from '../../shared.module';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
 const DECLARATIONS = [
     ViewFooterComponent,
     WorkHoursFooterDirective,
@@ -28,7 +29,7 @@ let ViewsSharedModule = class ViewsSharedModule {
 };
 ViewsSharedModule = tslib_1.__decorate([
     NgModule({
-        imports: [CommonModule, IntlModule, SharedModule],
+        imports: [CommonModule, IntlModule, SharedModule, ButtonsModule],
         exports: [
             DECLARATIONS,
             IntlModule,

package/dist/es2015/views/utils.d.ts

@@ -56,11 +56,11 @@ export declare function assignTasksResources(tasks: any[], options: any): void;
 /**
  * @hidden
  */
-export declare function areValidResources(resources: Resource[]): boolean;
+export declare function isEmptyResource(resources: Resource[]): boolean;
 /**
  * @hidden
  */
-export declare function resourcesMatch(res1: any[], res2: any[], strict: boolean): boolean;
+export declare function resourcesMatch(res1: any[], res2: any[]): boolean;
 /**
  * @hidden
  */

package/dist/es2015/views/utils.js

@@ -193,17 +193,17 @@ export function assignTasksResources(tasks, options) {
 /**
  * @hidden
  */
-export function areValidResources(resources) {
-    return Array.isArray(resources) && resources.length > 0 && resources[0] !== undefined;
+export function isEmptyResource(resources) {
+    return Array.isArray(resources) && resources.length === 1 && resources[0] === undefined;
 }
 /**
  * @hidden
  */
-export function resourcesMatch(res1, res2, strict) {
+export function resourcesMatch(res1, res2) {
     if (res1.length !== res2.length) {
         return false;
     }
-    if (!strict && !areValidResources(res1) || !areValidResources(res2)) {
+    if (isEmptyResource(res1) && isEmptyResource(res2)) {
         return true;
     }
     return res1.every(r1 => res2.some(r2 => r2.value === r1.value));
@@ -215,7 +215,7 @@ export function isSameRange(range1, range2) {
     return (range1.start.getTime() === range2.start.getTime() &&
         range1.end.getTime() === range2.end.getTime() &&
         range1.isAllDay === range2.isAllDay &&
-        resourcesMatch(range1.resources, range2.resources, true));
+        resourcesMatch(range1.resources, range2.resources));
 }
 /** @hidden */
 export function findRowIndex(events, data) {

package/dist/fesm2015/index.js

@@ -21,7 +21,7 @@ import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
 import { orderBy, groupBy } from '@progress/kendo-data-query';
 import Draggable from '@telerik/kendo-draggable';
 import { MultiSelectComponent, DropDownListComponent, ComboBoxComponent, DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import { NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
+import { CheckBoxModule, TextAreaModule, NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
 import { drawDOM, exportPDF } from '@progress/kendo-drawing';
 import { saveAs } from '@progress/kendo-file-saver';
 
@@ -32,7 +32,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1639756470,
+    publishDate: 1644230710,
     version: '',
     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'
 };
@@ -1996,17 +1996,17 @@ function assignTasksResources(tasks, options) {
 /**
  * @hidden
  */
-function areValidResources(resources) {
-    return Array.isArray(resources) && resources.length > 0 && resources[0] !== undefined;
+function isEmptyResource(resources) {
+    return Array.isArray(resources) && resources.length === 1 && resources[0] === undefined;
 }
 /**
  * @hidden
  */
-function resourcesMatch(res1, res2, strict) {
+function resourcesMatch(res1, res2) {
     if (res1.length !== res2.length) {
         return false;
     }
-    if (!strict && !areValidResources(res1) || !areValidResources(res2)) {
+    if (isEmptyResource(res1) && isEmptyResource(res2)) {
         return true;
     }
     return res1.every(r1 => res2.some(r2 => r2.value === r1.value));
@@ -2018,7 +2018,7 @@ function isSameRange(range1, range2) {
     return (range1.start.getTime() === range2.start.getTime() &&
         range1.end.getTime() === range2.end.getTime() &&
         range1.isAllDay === range2.isAllDay &&
-        resourcesMatch(range1.resources, range2.resources, true));
+        resourcesMatch(range1.resources, range2.resources));
 }
 /** @hidden */
 function findRowIndex(events, data) {
@@ -4431,7 +4431,7 @@ ToolbarViewSelectorComponent = __decorate([
         template: `
         <select *ngIf="ctx.views?.length > 1"
                 (change)="onChange($event)"
-                class="k-views-dropdown k-dropdown">
+                class="k-views-dropdown k-picker-md k-rounded-md k-picker-solid k-dropdownlist k-picker">
             <option *ngFor="let view of ctx.views"
                 [selected]="isSelected(view) == true"
                 [value]="view.name"
@@ -6656,7 +6656,8 @@ class BaseView {
                 this.pressTarget = task;
             }
         }
-        if (this.selectable) {
+        const notDraggingEvent = !this.pressTarget;
+        if (notDraggingEvent && this.selectable) {
             this.initDragSelect(args);
         }
         this.dragArgs = args;
@@ -7879,7 +7880,7 @@ ViewFooterComponent = __decorate([
         // tslint:disable-next-line:component-selector
         selector: '[viewFooter]',
         template: `
-        <button type="button" class="k-button" *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
+        <button type="button" kendoButton *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
             <span class="k-button-icon k-icon" [ngClass]="item.iconClass"></span>
             <span class="k-button-text">{{ item.text }}</span>
         </button>
@@ -8075,7 +8076,7 @@ let ViewsSharedModule = class ViewsSharedModule {
 };
 ViewsSharedModule = __decorate([
     NgModule({
-        imports: [CommonModule, IntlModule, SharedModule],
+        imports: [CommonModule, IntlModule, SharedModule, ButtonsModule],
         exports: [
             DECLARATIONS,
             IntlModule,
@@ -12129,7 +12130,7 @@ EditDialogComponent = __decorate([
                                 <label for='k-event-title'>{{ textFor('editorEventTitle') }}</label>
                             </div>
                             <div class='k-edit-field'>
-                                <input #title id='k-event-title' class='k-textbox' placeholder='Title' [formControl]='formGroup.get(fields.title)' />
+                                <input #title id='k-event-title' kendoTextBox placeholder='Title' [formControl]='formGroup.get(fields.title)' />
                             </div>
 
                             <div class='k-edit-label'>
@@ -12171,17 +12172,17 @@ EditDialogComponent = __decorate([
                             </ng-container>
 
                             <div class='k-edit-field' *ngIf="hasAllDay">
-                                <input type='checkbox' id='k-is-allday-chkbox' class='k-checkbox' [formControl]='formGroup.get(fields.isAllDay)' />
+                                <input type='checkbox' id='k-is-allday-chkbox' kendoCheckBox [formControl]='formGroup.get(fields.isAllDay)' />
                                 <label class='k-checkbox-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>
                             </div>
 
                             <div class='k-edit-field' *ngIf="hasStartTimeZone">
-                                <input type='checkbox' id='k-set-timezone' class='k-checkbox'
+                                <input type='checkbox' id='k-set-timezone' kendoCheckBox
                                 formControlName='startTimezoneCheckbox' />
                                 <label class='k-checkbox-label' for='k-set-timezone'>{{ textFor('editorEventTimeZone') }}</label>
 
                                 <ng-container *ngIf="isStartTimeZoneVisible && hasEndTimeZone">
-                                    <input type='checkbox' id='k-use-separate' class='k-checkbox' formControlName='endTimezoneCheckbox' />
+                                    <input type='checkbox' id='k-use-separate' kendoCheckBox formControlName='endTimezoneCheckbox' />
                                     <label class='k-checkbox-label' for='k-use-separate'>{{ textFor('editorEventSeparateTimeZones') }}</label>
                                 </ng-container>
                             </div>
@@ -12200,7 +12201,7 @@ EditDialogComponent = __decorate([
                                     <label for='k-event-description'>{{ textFor('editorEventDescription') }}</label>
                                 </div>
                                 <div class='k-edit-field'>
-                                    <textarea id='k-event-description' class='k-textbox' [formControl]='formGroup.get(fields.description)'></textarea>
+                                    <textarea id='k-event-description' kendoTextArea [formControl]='formGroup.get(fields.description)'></textarea>
                                 </div>
                             </ng-container>
 
@@ -12245,8 +12246,8 @@ EditDialogComponent = __decorate([
             </ng-container>
 
             <kendo-dialog-actions>
-                <button class="k-button" (click)="onCancel($event)">{{ textFor('cancel') }}</button>
-                <button class="k-button k-primary" (click)="onSave($event)" [disabled]="!formGroup.valid">{{ textFor('save') }}</button>
+                <button kendoButton (click)="onCancel($event)">{{ textFor('cancel') }}</button>
+                <button kendoButton themeColor="primary" (click)="onSave($event)" [disabled]="!formGroup.valid">{{ textFor('save') }}</button>
             </kendo-dialog-actions>
         </kendo-dialog>
     `
@@ -12337,7 +12338,13 @@ SchedulerDateTimePickerComponent = __decorate([
         [(value)]='date'
         (valueChange)='onValueChange($event)'
     ></kendo-timepicker>
-    `
+    `,
+        styles: [`
+        kendo-datepicker,
+        kendo-timepicker {
+            width: 170px;
+        }
+    `]
     })
 ], SchedulerDateTimePickerComponent);
 
@@ -12939,6 +12946,7 @@ let EndRuleRadioButtonDirective = class EndRuleRadioButtonDirective {
         this.changeDetector = changeDetector;
         this.type = 'radio';
         this.radioClass = true;
+        this.radioSizeClass = true;
         this.destroyChange = this.renderer.listen(this.elem, 'change', this.onChange.bind(this));
     }
     ngOnInit() {
@@ -12976,6 +12984,10 @@ __decorate([
     HostBinding('class.k-radio'),
     __metadata("design:type", Boolean)
 ], EndRuleRadioButtonDirective.prototype, "radioClass", void 0);
+__decorate([
+    HostBinding('class.k-radio-md'),
+    __metadata("design:type", Boolean)
+], EndRuleRadioButtonDirective.prototype, "radioSizeClass", void 0);
 __decorate([
     Input("kendoRecurrenceEndRuleRadioButton"),
     __metadata("design:type", String)
@@ -13299,6 +13311,7 @@ let RepeatOnRadioButtonDirective = class RepeatOnRadioButtonDirective {
         this.changeDetector = changeDetector;
         this.type = 'radio';
         this.radioClass = true;
+        this.radioSizeClass = true;
         this.destroyChange = this.renderer.listen(this.elem, 'change', this.onChange.bind(this));
     }
     /* tslint:disable-next-line:no-input-rename */
@@ -13341,6 +13354,10 @@ __decorate([
     HostBinding('class.k-radio'),
     __metadata("design:type", Boolean)
 ], RepeatOnRadioButtonDirective.prototype, "radioClass", void 0);
+__decorate([
+    HostBinding('class.k-radio-md'),
+    __metadata("design:type", Boolean)
+], RepeatOnRadioButtonDirective.prototype, "radioSizeClass", void 0);
 __decorate([
     Input("kendoRecurrenceRepeatOnRadioButton"),
     __metadata("design:type", String),
@@ -13610,7 +13627,9 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
                             [value]='currentMonthMonthDay'
                             [valuePrimitive]='true'
                             (valueChange)="onMonthChange($event, 'monthday')"
-                            [disabled]="isDisabled('monthday')">
+                            [disabled]="isDisabled('monthday')"
+                            [style.width.px]="170"
+                            [style.margin]="'0 .4ex 0 1ex'">
                         </kendo-dropdownlist>
                     </ng-template>
 
@@ -13628,7 +13647,8 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
                         [title]="numericOptions.title"
                         [value]='monthDay'
                         (valueChange)='onMonthDayChange($event)'
-                        [disabled]="isDisabled('monthday')">
+                        [disabled]="isDisabled('monthday')"
+                        [style.margin]="'0 .4ex 0 1ex'">
                     </kendo-numerictextbox>
                 </li>
                 <li>
@@ -13642,7 +13662,9 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
                         [value]='offset'
                         [valuePrimitive]='true'
                         (valueChange)='onOffsetPositionChange($event)'
-                        [disabled]="isDisabled('weekday')">
+                        [disabled]="isDisabled('weekday')"
+                        [style.width.px]="170"
+                        [style.margin]="'0 .4ex 0 1ex'">
                     </kendo-dropdownlist>
 
                     <kendo-dropdownlist
@@ -13652,7 +13674,9 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
                         [value]='weekDay'
                         [valuePrimitive]='true'
                         (valueChange)='onWeekDayChange($event)'
-                        [disabled]="isDisabled('weekday')">
+                        [disabled]="isDisabled('weekday')"
+                        [style.width.px]="170"
+                        [style.margin]="'0 .4ex 0 1ex'">
                     </kendo-dropdownlist>
 
                     <ng-template [ngIf]="currentFreq === 'yearly'">
@@ -13665,7 +13689,9 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
                             [value]='currentMonthWeekDay'
                             [valuePrimitive]='true'
                             (valueChange)="onMonthChange($event, 'weekday')"
-                            [disabled]="isDisabled('weekday')">
+                            [disabled]="isDisabled('weekday')"
+                            [style.width.px]="170"
+                            [style.margin]="'0 .4ex 0 1ex'">
                         </kendo-dropdownlist>
                     </ng-template>
                 </li>
@@ -14239,19 +14265,19 @@ let SlotSelectableDirective = class SlotSelectableDirective {
         if (!start || !end || !this.selectedRange) {
             return false;
         }
-        const match = resourcesMatch(this.selectedRange.resources, resources, true);
+        const match = resourcesMatch(this.selectedRange.resources, resources);
         if (!match) {
             return false; // Limit selection to the grouped resource where the drag started.
         }
         return this.selectedRange && isAllDay === this.selectedRange.isAllDay && this.isInRange(start, end);
     }
-    initDragSelect({ start, end, isAllDay, resources, originalEvent }) {
+    initDragSelect({ start, end, isAllDay, resources }) {
         this.selectionOriginResources = resources.slice();
-        this.selectedRange = { start, end, isAllDay, resources: resources.slice(), originalEvent };
+        this.selectedRange = { start, end, isAllDay, resources: resources.slice() };
         this.cdr.markForCheck();
     }
     onDrag({ start, end, resources }) {
-        const match = resourcesMatch(this.selectionOriginResources, resources, false); // Not strict - allow matching [ undefined ] and [ undefined ]
+        const match = resourcesMatch(this.selectionOriginResources, resources);
         if (!match) {
             return; // Don't change selection when dragging over a different grouped resource's cells.
         }
@@ -14344,6 +14370,8 @@ const publicDirectives$1 = [
 ];
 const importedKendoModules = [
     ButtonsModule,
+    CheckBoxModule,
+    TextAreaModule,
     DateInputsModule,
     DialogModule,
     NumericTextBoxModule,